diff --git a/AUTHORS b/AUTHORS new file mode 100644 index 0000000..4fb529a --- /dev/null +++ b/AUTHORS @@ -0,0 +1,2 @@ +See a list of contributors here +https://github.com/horst3180/Arc-theme/graphs/contributors diff --git a/ChangeLog b/ChangeLog new file mode 100644 index 0000000..e69de29 diff --git a/Makefile.am b/Makefile.am new file mode 100644 index 0000000..0cf86c1 --- /dev/null +++ b/Makefile.am @@ -0,0 +1,4 @@ +ACLOCAL_AMFLAGS = -I m4 + +EXTRA_DIST = autogen.sh +SUBDIRS = common extra diff --git a/NEWS b/NEWS new file mode 100644 index 0000000..e69de29 diff --git a/README.md b/README.md index cd256aa..d2d6d73 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,112 @@ # Arc Theme -Arc is a flat theme with transparent elements for GTK 3, GTK 2 and Gnome-Shell. Currently it only supports Gnome 3.16, but support for Gnome 3.14 will be added. +Arc is a flat theme with transparent elements for GTK 3, GTK 2 and Gnome-Shell. It supports GTK 3 and GTK 2 based desktop environments like Gnome, Unity, Budgie, Pantheon, etc. + +### Requirements + +* Gnome/GTK 3.14 or 3.16 +* The `gtk2-engines-pixbuf` package only for Debian/Ubuntu based distros. +* The murrine engine. This has different names depending on your distro. + * `gtk-engine-murrine` (Arch Linux) + * `gtk2-engines-murrine` (Debian, Ubuntu, elementary OS) + * `gtk-murrine-engine` (Fedora) + * `gtk2-engine-murrine` (openSUSE) + * `gtk-engines-murrine` (Gentoo) + +Main distributions that meet these requirements are + +* Arch Linux and Arch Linux based distros +* Ubuntu 15.04 +* elementary OS Freya +* Debian Jessie, Testing or Unstable +* Gentoo +* Fedora 21 and 22 +* OpenSuse 13.2 and Tumbleweed + +Derivatives of these distributions should work, aswell. + +If your distribution is not listed, please check the requirements yourself. ### Installation -Copy the directory this README resides in to `/usr/share/themes` and apply the theme with `gnome-tweak-tool` or a similar program. + +**Important:** Remove all older versions of the theme from your system before you proceed any further. + + sudo rm -rf /usr/share/themes/Arc + rm -rf ~/.local/share/themes/Arc + rm -rf ~/.themes/Arc + +**Manual Installation** + +To build the theme you need +* `autoconf` +* `automake` +* `pkg-config` or `pkgconfig` if you use Fedora +* `libgtk-3-dev` for Debian based distros or `gtk3-devel` for RPM based distros +* `git` if you want to clone the source directory + +If your distributions doesn't ship separate development packages you just need GTK 3 instead of the `-dev` packages. + +Install the theme with the following commands + +**1. Get the source** + +If you want to install the latest version from git, clone the repository with + + git clone https://github.com/horst3180/arc-theme --depth 1 && cd arc-theme + +If you want to install the latest stable release, run + + git clone https://github.com/horst3180/arc-theme --depth 1 && cd arc-theme + git fetch --tags + git checkout $(git describe --tags `git rev-list --tags --max-count=1`) + +or download it from https://github.com/horst3180/arc-theme/releases and cd into the extracted archive + +**2. Build and install the theme** + + ./autogen.sh --prefix=/usr + sudo make install + +Other options to pass to autogen.sh are + + --disable-gnome-shell disable GNOME Shell support + --disable-gtk2 disable GTK2 support + --disable-gtk3 disable GTK3 support + --disable-metacity disable Metacity support + --disable-unity disable Unity support + --disable-xfwm disable XFWM support + + --with-gnome= build the theme for a specific Gnome version (3.14, 3.16) + Note: Normally the correct version is detected automatically and this + option should not be needed. + +After the installation is complete you can activate the theme with `gnome-tweak-tool` or a similar program by selecting `Arc`. + +**Uninstall the theme** + +Run + + sudo make uninstall + +from the same directory as this README resides in, or + + sudo rm -rf /usr/share/themes/Arc + +### Extras + +The `extra` directory in the same directory as this README resides in contains a Chrome/Chromium theme. + +To install the Chrome/Chromium theme go to the `extra/Chrome` folder and drag and drop the arc-theme.crx into the Chrome/Chromium window. The source of the Chrome themes is located in the source "Chrome/arc-theme" folder. + +### Troubleshooting + +If you get artifacts like black or invisible backgrounds under Unity, disable overlay scrollbars with + + gsettings set com.canonical.desktop.interface scrollbar-mode normal + + +### Bug reporting +If you find a bug, please report it at https://github.com/horst3180/arc-theme/issues ### Preview ![alt tag](http://i.imgur.com/B1oroyH.jpg) diff --git a/autogen.sh b/autogen.sh new file mode 100755 index 0000000..0e36e12 --- /dev/null +++ b/autogen.sh @@ -0,0 +1,13 @@ +#!/bin/sh + +test -z "$srcdir" && srcdir=$(dirname "$0") +test -z "$srcdir" && srcdir=. + +cwd=$(pwd) +cd "$srcdir" + +mkdir -p m4 +autoreconf --verbose --force --install || exit $? + +cd "$cwd" +"$srcdir/configure" $@ diff --git a/common/Makefile.am b/common/Makefile.am new file mode 100644 index 0000000..fdfb02c --- /dev/null +++ b/common/Makefile.am @@ -0,0 +1,62 @@ +themedir = $(datadir)/themes/Arc +ithemedir = $(DESTDIR)$(themedir) + +install-data-local: + $(MKDIR_P) $(ithemedir) + cp --no-preserve=mode,ownership $(srcdir)/index.theme $(ithemedir) + + +if ENABLE_GNOME_SHELL + cp -rH --no-preserve=mode,ownership $(srcdir)/gnome-shell/$(GNOME_VERSION) $(ithemedir)/gnome-shell +endif # ENABLE_GNOME_SHELL + + +if ENABLE_GTK2 + cp -r --no-preserve=mode,ownership $(srcdir)/gtk-2.0 $(ithemedir) +endif # ENABLE_GTK2 + + +if ENABLE_GTK3 + 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* +endif # ENABLE_GTK3 + + +if ENABLE_METACITY + cp -r --no-preserve=mode,ownership $(srcdir)/metacity-1 $(ithemedir) +endif # ENABLE_METACITY + + +if ENABLE_UNITY + cp -r --no-preserve=mode,ownership $(srcdir)/unity $(ithemedir) +endif # ENABLE_UNITY + + +if ENABLE_XFWM + cp -r --no-preserve=mode,ownership $(srcdir)/xfwm4 $(ithemedir) +endif # ENABLE_XFWM + + +uninstall-local: + rm -rf $(ithemedir) + + -rmdir -p $(DESTDIR)$(datadir)/themes 2>/dev/null + + +dist-hook: + cp -r \ + gnome-shell \ + gtk-2.0 \ + gtk-3.0 \ + metacity-1 \ + unity \ + xfwm4 \ + index.theme \ + $(distdir) diff --git a/gnome-shell/checkbox/checkbox-checked-focused.svg b/common/gnome-shell/3.14/checkbox/checkbox-checked-focused.svg similarity index 100% rename from gnome-shell/checkbox/checkbox-checked-focused.svg rename to common/gnome-shell/3.14/checkbox/checkbox-checked-focused.svg diff --git a/gnome-shell/checkbox/checkbox-checked.svg b/common/gnome-shell/3.14/checkbox/checkbox-checked.svg similarity index 100% rename from gnome-shell/checkbox/checkbox-checked.svg rename to common/gnome-shell/3.14/checkbox/checkbox-checked.svg diff --git a/gnome-shell/checkbox/checkbox-unchecked-focused.svg b/common/gnome-shell/3.14/checkbox/checkbox-unchecked-focused.svg similarity index 100% rename from gnome-shell/checkbox/checkbox-unchecked-focused.svg rename to common/gnome-shell/3.14/checkbox/checkbox-unchecked-focused.svg diff --git a/gnome-shell/checkbox/checkbox-unchecked.svg b/common/gnome-shell/3.14/checkbox/checkbox-unchecked.svg similarity index 100% rename from gnome-shell/checkbox/checkbox-unchecked.svg rename to common/gnome-shell/3.14/checkbox/checkbox-unchecked.svg diff --git a/common/gnome-shell/3.14/dash/button-active-bottom.svg b/common/gnome-shell/3.14/dash/button-active-bottom.svg new file mode 100644 index 0000000..7f1eb9a --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-active-bottom.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-active-right.svg b/common/gnome-shell/3.14/dash/button-active-right.svg new file mode 100644 index 0000000..37e65fc --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-active-right.svg @@ -0,0 +1,131 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-active-top.svg b/common/gnome-shell/3.14/dash/button-active-top.svg new file mode 100644 index 0000000..7a5ec02 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-active-top.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-active.svg b/common/gnome-shell/3.14/dash/button-active.svg new file mode 100644 index 0000000..f8308ce --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-active.svg @@ -0,0 +1,131 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-hover-bottom.svg b/common/gnome-shell/3.14/dash/button-hover-bottom.svg new file mode 100644 index 0000000..ebcb5e5 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-hover-bottom.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-hover-right.svg b/common/gnome-shell/3.14/dash/button-hover-right.svg new file mode 100644 index 0000000..a7965ca --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-hover-right.svg @@ -0,0 +1,131 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-hover-top.svg b/common/gnome-shell/3.14/dash/button-hover-top.svg new file mode 100644 index 0000000..f1f23e6 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-hover-top.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-hover.svg b/common/gnome-shell/3.14/dash/button-hover.svg new file mode 100644 index 0000000..15d0596 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-hover.svg @@ -0,0 +1,131 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-active-bottom.svg b/common/gnome-shell/3.14/dash/button-running-active-bottom.svg new file mode 100644 index 0000000..c549152 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-active-bottom.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-active-right.svg b/common/gnome-shell/3.14/dash/button-running-active-right.svg new file mode 100644 index 0000000..92e9be9 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-active-right.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-active-top.svg b/common/gnome-shell/3.14/dash/button-running-active-top.svg new file mode 100644 index 0000000..3749a14 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-active-top.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-active.svg b/common/gnome-shell/3.14/dash/button-running-active.svg new file mode 100644 index 0000000..d95bae9 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-active.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-bottom.svg b/common/gnome-shell/3.14/dash/button-running-bottom.svg new file mode 100644 index 0000000..cedd579 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-bottom.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-hover-bottom.svg b/common/gnome-shell/3.14/dash/button-running-hover-bottom.svg new file mode 100644 index 0000000..ee7646f --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-hover-bottom.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-hover-right.svg b/common/gnome-shell/3.14/dash/button-running-hover-right.svg new file mode 100644 index 0000000..c58c8d3 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-hover-right.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-hover-top.svg b/common/gnome-shell/3.14/dash/button-running-hover-top.svg new file mode 100644 index 0000000..d3bf1c7 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-hover-top.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-hover.svg b/common/gnome-shell/3.14/dash/button-running-hover.svg new file mode 100644 index 0000000..325d85a --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-hover.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-right.svg b/common/gnome-shell/3.14/dash/button-running-right.svg new file mode 100644 index 0000000..f8f426a --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-right.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running-top.svg b/common/gnome-shell/3.14/dash/button-running-top.svg new file mode 100644 index 0000000..f66d44f --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running-top.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dash/button-running.svg b/common/gnome-shell/3.14/dash/button-running.svg new file mode 100644 index 0000000..d3a1001 --- /dev/null +++ b/common/gnome-shell/3.14/dash/button-running.svg @@ -0,0 +1,132 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/gnome-shell.css b/common/gnome-shell/3.14/gnome-shell.css new file mode 100644 index 0000000..9196aa7 --- /dev/null +++ b/common/gnome-shell/3.14/gnome-shell.css @@ -0,0 +1,3095 @@ +/* Copyright 2009, 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. + */ + +/* Text Styles */ + +/* default text style */ +stage { + font-family: Cantarell, Sans-Serif; + font-size: 9pt; + color: #5c616c; +} + +/* links */ +.shell-link { + color: #2679db; + text-decoration: underline; +} + +.shell-link:hover { + color: #5294e2; +} + +/* small */ +.app-well-menu, +.run-dialog-error-label { + font-size: 9pt; +} + +/* small bold */ +.dash-label, +.window-caption, +.switcher-list, +.app-well-app > .overview-icon, +.grid-search-result .overview-icon { + font-size: 9pt; + font-weight: bold; +} + +/* Scroll Bars */ + +StScrollBar { + padding: 8px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle { + background-color: #babcc1; + border: 0px solid; + border-radius: 8px; +} + +StScrollBar StButton#hhandle { + background-color: #babcc1; + border: 0px solid; + border-radius: 8px; + margin: 0px; +} + +StScrollBar StButton#hhandle:hover, +StScrollBar StButton#vhandle:hover { + background-color: #c9ccd0; +} + +StScrollBar StButton#hhandle:active, +StScrollBar StButton#vhandle:active { + background-color: #5294E2; +} + +/* Check Boxes */ + +.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"); +} + +/* Slider */ + +.slider { + -slider-height: 4px; + -slider-background-color: #cfd6e6; + -slider-border-color: transparent; + -slider-active-background-color: #5294E2; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +/* PopupMenu */ + +.popup-menu-ornament { + text-align: right; + margin-left: 10px; + width: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 1px; + -arrow-border-color: transparent; + -arrow-base: 0; + -arrow-rise: 0; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(37, 39, 45, 0.95); + -arrow-border-width: 1px; + -arrow-border-color: rgba(21, 22, 25, 0.95); + -arrow-base: 5; + -arrow-rise: 5; +} +/*FIXME*/ +.popup-menu-boxpointer.fallback-app-menu { + -arrow-border-radius: 4px; + -arrow-background-color: #ededed; + -arrow-border-width: 1px; + -arrow-border-color: #a6a6a6; + -arrow-base: 24px; + -arrow-rise: 11px; +} +/*FIXME*/ +.popup-menu-boxpointer.fallback-app-menu.dark { + -arrow-background-color: #3f4747; + -arrow-border-color: #282b2b; +} + +.popup-menu { + min-width: 200px; + color: #5c616c; + border-image: url("menu/menu.svg") 10 10 35 14; +} + +.popup-menu-arrow { + width: 16px; + height: 16px; +} + +.popup-submenu-menu-item:open { + background-color: transparent !important; + border-image: url("menu/submenu-open.svg") 8 8 2 2; +} +/*FIXME*/ +.fallback-app-menu .popup-submenu-menu-item:open { + background-color: #888888; + color: white; +} +/*FIXME*/ +.fallback-app-menu.dark .popup-submenu-menu-item:open { + background-color: #333333; +} + +.popup-sub-menu { + background-color: transparent !important; + background-gradient-direction: none !important; + border: none !important; + border-radius: 0 !important; + border-image: url("menu/submenu.svg") 8 8 2 2; +} +/*FIXME*/ +.fallback-app-menu .popup-sub-menu { + background-gradient-start: #dddddd; + background-gradient-end: #dfdfdf; + background-gradient-direction: vertical; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4); +} +/*FIXME*/ +.fallback-app-menu.dark .popup-sub-menu { + background-gradient-start: #474747; + background-gradient-end: #4b4b4b; + background-gradient-direction: vertical; + box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9); +} + +.popup-sub-menu:scrolled .popup-menu-item:ltr { + padding-right: 0em; +} + +.popup-sub-menu:scrolled .popup-menu-item:rtl { + padding-left: 0em; +} + +.popup-sub-menu StScrollBar { + padding: 4px; +} + +.popup-sub-menu StScrollBar StBin#trough { + border-width: 0px; +} + +.popup-sub-menu StScrollBar StBin#vhandle { + background-color: #babcc1; + border-width: 0px; +} + +.app-well-menu { + max-width: 400px; +} + +/* The remaining popup-menu sizing is all done in ems, so that if you + * override .popup-menu.font-size, everything else will scale with it. + */ +.popup-menu-content { + padding: 1em 0em; +} + +.popup-menu-item { + spacing: 12px; +} + +.popup-menu-item:ltr { + padding: .4em 3em .4em 0em; +} + +.popup-menu-item:rtl { + padding: .4em 0em .4em 3em; +} + +.popup-menu-item:active { + background-color: transparent !important; + border-image: url("menu/menu-hover.svg") 7 7 1 1; +} + +.popup-menu-item:insensitive { + color: rgba(92, 97, 108, 0.5); +} +/*FIXME*/ +.fallback-app-menu .popup-menu-item { + color: #43484a; +} +/*FIXME*/ +.fallback-app-menu .popup-menu-item:active { + color: white; + background-color: #4689cd; +} +/*FIXME*/ +.fallback-app-menu .popup-menu-item:insensitive { + color: gray; +} +/*FIXME*/ +.fallback-app-menu.dark .popup-menu-item { + color: white; +} +/*FIXME*/ +.fallback-app-menu.dark .popup-menu-item:active { + background-color: #445f7d; +} +/*FIXME*/ +.fallback-app-menu.dark .popup-menu-item:insensitive { + color: #9f9f9f; +} + +.popup-separator-menu-item { + -gradient-height: 1px; + -gradient-start: rgba(255,255,255,0.0); + -gradient-end: rgba(255,255,255,0.0); + -margin-horizontal: 24px; + height: 1px; + padding: 8px 0px; +} +/*FIXME*/ +.fallback-app-menu .popup-separator-menu-item { + -gradient-start: #a0a2a3; + -gradient-end: #a0a2a3; + -margin-horizontal: 0; +} +/*FIXME*/ +.fallback-app-menu.dark .popup-separator-menu-item { + -gradient-start: #818584; + -gradient-end: #818584; +} + +.popup-status-menu-item { + font-weight: normal; + color: rgba(92, 97, 108, 0.5); +} + +.popup-inactive-menu-item, .popup-inactive-menu-item:insensitive { + color: rgba(92, 97, 108, 0.55); +} + +.popup-menu-icon { + icon-size: 16px; +} + +/* Switches */ +.toggle-switch { + width: 52px; + height: 24px; +} + +.toggle-switch-us, +.toggle-switch-intl { + background-image: url("switch/switch-off.svg"); + background-size: contain; +} +.toggle-switch-us:checked, +.toggle-switch-intl:checked { + background-image: url("switch/switch-on.svg"); + background-size: contain; +} + +/* Network */ + +.nm-dialog { + max-height: 500px; + min-height: 450px; + min-width: 470px; +} + +.nm-dialog-content { + spacing: 20px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-size: 1.1em; + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #5c616c; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid #dde3e9; + border-radius: 2px; + background-color: #ffffff; +} + +.nm-dialog-header { + font-weight: bold; + font-size: 1.2em; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: 0px solid; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:selected { + background-color: #5294E2; + color: #ffffff; +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: rgba(92, 97, 108, 0.55); +} + +.no-networks-box { + spacing: 12px; +} + +/* Buttons */ + +.candidate-page-button, +.hotplug-notification-item, +.hotplug-resident-eject-button, +.notification-button, +.notification-icon-button, +.popup-menu .modal-dialog-button { + background-gradient-direction: none !important; + + color: #5c616c; + background-color: #fcfdfd; + border: 1px solid #cfd6e6; +} + +.modal-dialog-button { + background-gradient-direction: none !important; + + font-weight: normal; + color: #c4c7cc; + border: 1px solid rgba(168, 173, 181, 0.3); + background-color: rgba(48, 52, 59, 0.95); +} + +.app-view-control { + background-gradient-direction: none !important; + + color: rgba(255, 255, 255, 0.8); + background-color: rgba(14, 15, 17, 0.8); + border-color: rgba(168, 173, 181, 0.3); +} + +/*hover*/ +.candidate-page-button:hover, +.hotplug-notification-item:hover, +.hotplug-resident-eject-button:hover, +.notification-button:hover, +.notification-icon-button:hover, +.popup-menu .modal-dialog-button:hover { + background-gradient-direction: none !important; + + color: #5c616c; + background-color: #fcfdfd; + border: 1px solid #5294E2; +} + +.modal-dialog-button:hover { + background-gradient-direction: none !important; + + color: #ffffff; + border-color: #5294E2; + background-color: rgba(48, 52, 59, 0.95) +} + +.app-view-control:hover { + background-gradient-direction: none !important; + + color: #ffffff; + background-color: rgba(14, 15, 17, 0.8); + border-color: #5294E2; +} + +/*focus*/ +.hotplug-notification-item:focus, +.app-view-control:focus, +.notification-button:focus, +.notification-icon-button:focus, +.popup-menu .modal-dialog-button:focus { + background-gradient-direction: none !important; + + color: #5c616c; + background-color: #fcfdfd; + border: 1px solid #5294E2 +} + +.modal-dialog-button:focus { + background-gradient-direction: none !important; + border-width: 1px; + color: #5294E2; +} + +.app-view-control:first-child:ltr:focus, +.app-view-control:last-child:rtl:focus { + background-gradient-direction: none !important; + border-width: 1px; + border-right-width: 1px; +} + +/*active*/ +.candidate-page-button:active, +.candidate-page-button:pressed, +.hotplug-notification-item:active, +.hotplug-resident-eject-button:active, +.notification-button:active, +.notification-icon-button:active, +.modal-dialog-button:active, +.modal-dialog-button:pressed, +.app-view-control:checked, +.popup-menu .modal-dialog-button:active, +.popup-menu .modal-dialog-button:pressed { + background-gradient-direction: none !important; + + color: #ffffff; + background-color: #5294E2; + border: 1px solid #5294E2; +} + +/*insenitive*/ +.candidate-page-button:insensitive, +.notification-button:insensitive, +.notification-icon-button:insensitive, +.popup-menu .modal-dialog-button:insensitive { + background-gradient-direction: none !important; + + color: rgba(92, 97, 108, 0.55); + border: 1px solid rgba(207, 214, 230, 0.55); + background-color: rgba(252, 253, 253, 0.55); +} + +.modal-dialog-button:insensitive { + background-gradient-direction: none !important; + + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: rgba(53, 57, 65, 0.95); +} + +/* Common radii */ + +.search-entry, +#screenShieldNotifications { + border-radius: 18px; +} + +.modal-dialog-button, +.notification-button, +.hotplug-notification-item, +.app-view-controls { + border-radius: 3px; +} + +.app-view-control:first-child:ltr, +.app-view-control:last-child:rtl { + border-radius: 3px 0px 0px 3px; + border-right-width: 0px; +} + +.app-view-control:last-child:ltr, +.app-view-control:first-child:rtl { + border-radius: 0px 3px 3px 0px; +} + +/* Entries */ + +.search-entry, +.search-entry:hover, +.login-dialog StEntry, +.notification StEntry, +.modal-dialog StEntry { + background-gradient-direction: none !important; + box-shadow: inset 0 0 rgba(255, 255, 255, 0); + + transition-duration: 300ms; + padding: 4px 12px; + font-size: 1em; + color: #5c616c; + caret-color: rgb(64, 64, 64); + caret-size: 1px; + selection-background-color: #5294E2; + selected-color: #ffffff; + background-color: #ffffff; + border: 1px solid #cfd6e6; +} + +.run-dialog-entry, +.search-entry:focus, +.login-dialog StEntry:focus, +.notification StEntry:focus, +.modal-dialog StEntry { + background-gradient-direction: none !important; + box-shadow: inset 0 0 rgba(255, 255, 255, 0); + + color: #5c616c; + background-color: #ffffff; + border: 1px solid #5294E2; +} + +.search-entry { + background-color: rgba(255, 255, 255, 0.9); + border-color: rgba(0, 0, 0, 0.0); + color: #5c616c; + caret-color: #5c616c; +} + +.search-entry:hover { + color: #5c616c; + caret-color: #5c616c; + background-color: rgba(255, 255, 255, 0.9); +} + +.search-entry:focus { + color: #ffffff; + caret-color: #ffffff; + background-color: #5294E2; + + font-weight: bold; + transition-duration: 0ms; +} + +.login-dialog StEntry, +.notification StEntry, +.modal-dialog StEntry { + border-radius: 18px; + padding: 7px; +} + +.prompt-dialog-password-entry .capslock-warning, +.login-dialog-prompt-entry .capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +.login-dialog StEntry:insensitive, +.modal-dialog StEntry:insensitive { + color: rgba(92, 97, 108, 0.55); + border: 1px solid #e1e6ef; + background-gradient-direction: none; + background-color: #fcfcfd; + box-shadow: inset 0 0 rgba(255, 255, 255, 0); +} + +/* Panel */ + +#panel { + background-color: rgba(37, 39, 45, 0.95); + border-color: rgba(16, 17, 20, 0.95); + border-bottom-width: 1px; + font-weight: bold; + height: 2.1em; + min-height: 26px; +} + +#panel.unlock-screen, +#panel.login-screen { + background-color: transparent; +} + +#panelLeft, #panelCenter { + spacing: 8px; +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelRight:ltr { + padding-left: 4px; +} + +#panelRight:rtl { + padding-right: 4px; +} + +.panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: transparent; + -panel-corner-border-width: 0px; + -panel-corner-border-color: black; +} + +.panel-corner:active, +.panel-corner:overview, +.panel-corner:focus { + -panel-corner-border-color: black; +} + +.panel-corner.lock-screen, +.panel-corner.unlock-screen, +.panel-corner.login-screen { + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#appMenu { + spinner-image: url("misc/process-working.svg"); + spacing: 4px; +} + +/* used for the app menu header only */ +.label-shadow { + color: rgba(0,0,0,0.0); +} + +.panel-button #appMenuIcon { + app-icon-bottom-clip: 1px; + width: 0; +} + +.panel-button:active #appMenuIcon, +.panel-button:checked #appMenuIcon, +.panel-button:focus #appMenuIcon { + app-icon-bottom-clip: 2px; +} + +.panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #fff; + transition-duration: 100ms; +} + +#panel.unlock-screen .panel-button, +#panel.lock-screen .panel-button, +#panel.login-screen .panel-button { + color: #fff; +} + +#panel.unlock-screen .panel-button:hover, +#panel.lock-screen .panel-button:hover, +#panel.login-screen .panel-button:hover, +#panel.unlock-screen .panel-button:active, +#panel.lock-screen .panel-button:active, +#panel.login-screen .panel-button:active, +#panel.unlock-screen .panel-button:focus, +#panel.lock-screen .panel-button:focus, +#panel.login-screen .panel-button:focus { + color: #fff; +} + +.panel-button:hover { + color: #fff; + background-color: rgba(0, 0, 0, 0.17); + text-shadow: none; +} + +.panel-button:active, +.panel-button:overview, +.panel-button:focus, +.panel-status-button:active, +.panel-status-button:checked, +.panel-status-button:focus { + background-color: transparent !important; + background-gradient-direction: none !important; + border: none !important; + + background: url("misc/null.svg"); + border-image: url("misc/panel-button-highlight.svg") 1 1 1 1; + color: #ffffff; + text-shadow: none; +} + +.panel-button:active > .system-status-icon, +.panel-button:checked > .system-status-icon, +.panel-button:focus > .system-status-icon { + icon-shadow: none; +} + +.panel-menu { + -boxpointer-gap: 0px; +} + +.panel-status-indicators-box, +.panel-status-menu-box { + spacing: 2px; +} + +#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; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 8px; +} + +.aggregate-menu { + width: 360px; +} + +.aggregate-menu .popup-menu-icon { + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 24px; + border: 1px solid rgba(92, 97, 108, 0.4); +} + +.system-menu-action { + color: #5c616c; + border-radius: 32px; /* wish we could do 50% */ + border: 1px solid transparent; /* using rgba() is flaky unfortunately */ + padding: 13px; +} + +.system-menu-action:hover, +.system-menu-action:focus { + color: #5c616c; + background-color: transparent; + border: 1px solid #5294E2; + padding: 13px; +} + +.system-menu-action:active { + color: #ffffff; + background-color: #5294E2; + border: 1px solid #5294E2; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.screencast-indicator { + color: #ff0000; +} + +/* Overview */ + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.workspace-thumbnails { + spacing: 11px; + visible-width: 40px; /* Amount visible before hovering */ + border: 1px solid rgba(16, 17, 20, 0.87);; + border-right: 0px; + border-radius: 3px 0px 0px 3px; + background-color: rgba(37, 39, 45, 0.87); + padding: 12px; + padding-right: 7px; +} + +.workspace-thumbnails:rtl { + border-right: 1px; + border-left: 0px; + border-radius: 0px 3px 3px 0px; + padding: 12px; + padding-left: 7px; +} + +.workspace-thumbnail-indicator { + border: 4px solid rgba(82, 148, 226, 0.8); + border-radius: 2px; + padding: 1px; +} + +.window-caption, .window-caption:hover { + spacing: 25px; + color: #fff; + background: rgba(0,0,0,0.7); + border-radius: 2px; + padding: 4px 12px; + -shell-caption-spacing: 12px; + border: 0px solid rgba(0, 0, 0, 0); +} + +.window-close, .notification-close { + background-image: url("misc/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.window-close:hover { + background-image: url("misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.window-close:active { + background-image: url("misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.window-close { + -shell-close-overlap: 11px; +} + +.window-clone-border { + border: 3px solid rgba(82, 148, 226, 0.8); + border-radius: 4px; + box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); +} + +.notification-close { + /* we start out in the top right of the + * notification, inset. + * + * center is 32px/2 = 16px + * + * adjust left 2px + * adjust down 8px */ + + -shell-close-overlap-x: 11px; + -shell-close-overlap-y: -11px; +} + +.notification-close:rtl { + /* as above, but starting out in the top left of the + * notification. */ + + -shell-close-overlap-x: -11px; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); +} + +.window-picker { + -horizontal-spacing: 32px; + -vertical-spacing: 32px; + padding-left: 32px; + padding-right: 32px; + padding-bottom: 48px; +} + +.window-picker.external-monitor { + padding: 32px; +} + +.messages-indicator { + color: rgba(255,255,255,0.5); + height: 32px; +} + +.messages-indicator-contents { + spacing: 12px; + padding-bottom: 12px; +} + +.messages-indicator-contents:hover { + color: white; + text-shadow: black 0px 0px 1px; +} + +.messages-indicator-highlight { + background-gradient-start: transparent; + background-gradient-end: #5294E2; + background-gradient-direction: vertical; + + height: 6px; +} + +/* Dash */ + +#dash { + color: #A8ADB5; + font-size: 1em; + padding: 3px 0px 3px 0px; + background-color: rgba(37, 39, 45, 0.87); + border: 1px solid rgba(16, 17, 20, 0.87); + border-left: 0px; + border-radius: 0px 3px 3px 0px; +} + +.right #dash, #dash:rtl { + padding: 3px 0px 3px 0px; + border-left: 1px; + border-right: 0px; + border-radius: 3px 0px 0px 3px; +} + +.bottom #dash { + border-top: 1px; + padding: 0px 3px 0px 3px; + border-radius: 3px 3px 0 0; +} + +.top #dash { + border-bottom: 1px; + padding: 0px 3px 0px 3px; + 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: 2px 5px 2px 3px; +} + +.right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl { + padding: 2px 3px 2px 5px; +} + +.bottom .dash-item-container > StWidget { + padding: 5px 2px 3px 2px; +} + +.top .dash-item-container > StWidget { + padding: 3px 2px 5px 2px; +} + +.dash-label { + border-radius: 3px; + padding: 4px 12px; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.7); + text-align: center; + -x-offset: 3px; +} + +.bottom .dash-label, .top .dash-label { + -y-offset: 3px; + -x-offset: 0; +} + +.dash-item-container > .app-well-app.running > .overview-icon, +.dash-item-container > .app-well-app.running:hover > .overview-icon, +.dash-item-container > .app-well-app.running:active > .overview-icon, +.dash-item-container > .app-well-app > .overview-icon, +.dash-item-container > .app-well-app:hover > .overview-icon, +.dash-item-container > .app-well-app:active > .overview-icon { + background-color: transparent !important; + background-gradient-direction: none !important; + border: none !important; + border-radius: 0 !important; + background: none !important; +} + + +#dash .app-well-app .overview-icon { + padding: 10px; + padding-left: 13px; +} + +.right #dash .app-well-app .overview-icon, +#dash:rtl .app-well-app .overview-icon { + padding: 10px; + padding-right: 13px; +} + +.bottom #dash .app-well-app .overview-icon { + padding: 10px; + padding-bottom: 13px; +} + +.top #dash .app-well-app .overview-icon { + padding: 10px; + padding-top: 13px; +} + + +#dash .app-well-app:hover .overview-icon { + border-image: url("dash/button-hover.svg") 5 5 5 5; +} + +#dash .app-well-app:active .overview-icon { + border-image: url("dash/button-active.svg") 5 5 5 5; +} + +#dash .app-well-app.running .overview-icon { + border-image: url("dash/button-running.svg") 5 5 5 5; +} + +#dash .app-well-app.running:hover .overview-icon { + border-image: url("dash/button-running-hover.svg") 5 5 5 5; +} + +#dash .app-well-app.running:active > .overview-icon { + border-image: url("dash/button-running-active.svg") 5 5 5 5; +} + + +.right #dash .app-well-app:hover .overview-icon, +#dash:rtl .app-well-app:hover .overview-icon { + border-image: url("dash/button-hover-right.svg") 5 5 5 5; +} + +.right #dash .app-well-app:active .overview-icon, +#dash:rtl .app-well-app:active .overview-icon { + border-image: url("dash/button-active-right.svg") 5 5 5 5; +} + +.right #dash .app-well-app.running .overview-icon, +#dash:rtl .app-well-app.running .overview-icon { + border-image: url("dash/button-running-right.svg") 5 5 5 5; +} + +.right #dash .app-well-app.running:hover .overview-icon, +#dash:rtl .app-well-app.running:hover .overview-icon { + border-image: url("dash/button-running-hover-right.svg") 5 5 5 5; +} + +.right #dash .app-well-app.running:active > .overview-icon, +#dash:rtl .app-well-app.running:active > .overview-icon { + border-image: url("dash/button-running-active-right.svg") 5 5 5 5; +} + + +.bottom #dash .app-well-app:hover .overview-icon { + border-image: url("dash/button-hover-bottom.svg") 5 5 5 5; +} + +.bottom #dash .app-well-app:active .overview-icon { + border-image: url("dash/button-active-bottom.svg") 5 5 5 5; +} + +.bottom #dash .app-well-app.running .overview-icon { + border-image: url("dash/button-running-bottom.svg") 5 5 5 5; +} + +.bottom #dash .app-well-app.running:hover .overview-icon { + border-image: url("dash/button-running-hover-bottom.svg") 5 5 5 5; +} + +.bottom #dash .app-well-app.running:active > .overview-icon { + border-image: url("dash/button-running-active-bottom.svg") 5 5 5 5; +} + + +.top #dash .app-well-app:hover .overview-icon { + border-image: url("dash/button-hover-top.svg") 5 5 5 5; +} + +.top #dash .app-well-app:active .overview-icon { + border-image: url("dash/button-active-top.svg") 5 5 5 5; +} + +.top #dash .app-well-app.running .overview-icon { + border-image: url("dash/button-running-top.svg") 5 5 5 5; +} + +.top #dash .app-well-app.running:hover .overview-icon { + border-image: url("dash/button-running-hover-top.svg") 5 5 5 5; +} + +.top #dash .app-well-app.running:active > .overview-icon { + border-image: url("dash/button-running-active-top.svg") 5 5 5 5; +} + + +.show-apps .overview-icon { + background-gradient-direction: none !important; + + padding: 11px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 2px; + border: 0px solid; +} + +.show-apps:hover .overview-icon { + background-gradient-direction: none !important; + + 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 { + background-gradient-direction: none !important; + + color: #ffffff; + background-color: #5294E2; + box-shadow: none; + transition-duration: 0ms; +} + +/* Search Box */ + +.search-entry, +.search-entry:hover, +.search-entry:focus { + width: 320px; + padding: 7px 9px; +} + +.search-entry-icon, +.search-entry:hover .search-entry-icon { + icon-size: 16px; + color: #5c616c; +} + +.search-entry:focus .search-entry-icon { + color: #fff; +} + +/* Search Results */ + +#searchResults { + padding: 20px 10px 0px 10px; + spacing: 18px; +} + +#searchResultsBin { + max-width: 1000px; +} + +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + /* This should be equal to #searchResultsContent spacing */ + spacing: 16px; +} + +.search-section-separator { + background-gradient-direction: none !important; + + background-color: rgba(255, 255, 255, 0.2); + -margin-horizontal: 1.5em; + height: 1px; +} + +.search-section-content { + /* This is the space between the provider icon and the results container */ + spacing: 32px; +} + +.search-statustext { + color: rgba(255,255,255,0.5); + font-size: 2em; + font-weight: bold; +} + +.list-search-results { + spacing: 3px; +} + +/* Application Launchers, Grid and List results */ + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.app-display { + spacing: 20px; +} + +.app-view-controls { + padding-bottom: 32px; +} + +.app-view-control, +.app-view-control:focus { + padding: 4px 32px; +} + +.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; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 18px; + height: 18px; + background-image: url(misc/page-indicator-inactive.svg); +} + +.page-indicator:hover .page-indicator-icon { + 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-icon { + background-image: url(misc/page-indicator-checked.svg); +} + +.no-frequent-applications-label { + font-size: 18pt; + color: #5c616c; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.list-search-result-content { + spacing: 12px; + padding: 12px; +} + +.list-search-result-title { + font-weight: bold; + font-size: 14pt; + color: white; +} + +.list-search-result-description { + color: #cccccc; +} + +.search-provider-icon-more { + width: 16px; + height: 16px; + background-image: url("misc/more-results.svg"); +} + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + /* since the label controls its own spacing, it is visually more + consistent to use different padding values for top and bottom */ + padding: 10px 8px 5px 8px; + spacing: 4px; +} + +.search-provider-icon { + padding: 15px; +} + +.app-folder-popup { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(14, 15, 17, 0.8); + -arrow-border-color: rgba(168, 173, 181, 0.3); + -arrow-border-width: 1px; + -arrow-base: 5; + -arrow-rise: 5; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-well-app.running > .overview-icon { + text-shadow: none; + background: none; + background-color: #5294E2; +} + +.app-well-app.running:hover > .overview-icon { + text-shadow: none; + background: none; + background-color: #7eafe9; +} + +.app-well-app.running:active > .overview-icon { + text-shadow: none; + background: none; + background-color: #2679db; +} +/*FIXME*/ +.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; +} + +.app-well-app > .overview-icon, +.search-provider-icon, +.list-search-result, +.grid-search-result .overview-icon { + color: #ffffff; + border-radius: 2px; + padding: 6px; + border: 1px rgba(0,0,0,0); + transition-duration: 0ms; + text-align: center; +} + +.app-well-app:hover > .overview-icon, +.search-provider-icon:hover, +.list-search-result:hover, +.grid-search-result:hover .overview-icon { + background-color: rgba(168, 173, 181, 0.4); + text-shadow: 0 0 rgba(0,0,0,0); + transition-duration: 100ms; + color:white; +} + +.app-display .app-well-app > .overview-icon { + border-radius: 2px; +} + +.list-search-result:hover .list-search-result-description { + text-shadow: none; +} + +.app-well-app:checked > .overview-icon, +.app-well-app:active > .overview-icon, +.search-provider-icon:active, +.grid-search-result:active .overview-icon, +.list-search-result:active { + background-gradient-direction: none !important; + + background-color: rgba(37, 39, 45, 0.85); + box-shadow: inset 0 0 #5294E2; + border-radius: 2px; + transition-duration: 100ms; +} + +.app-well-app:focus > .overview-icon, +.grid-search-result:focus .overview-icon, +.search-provider-icon:focus, +.list-search-result:focus, +.app-well-app:selected > .overview-icon, +.grid-search-result:selected .overview-icon, +.search-provider-icon:selected, +.list-search-result:selected { + background-color: rgba(255,255,255,0.33); +} + +/* LookingGlass */ + +#LookingGlassDialog { + background-color: rgba(0, 0, 0, 0.7); + spacing: 4px; + padding: 8px 8px 10px 8px; + border: 1px solid black; + border-image: url("misc/osd.svg") 10 10 9 11; + border-radius: 2px; + color: #A8ADB5; +} + +#LookingGlassDialog > #Toolbar { + background-color: transparent; + border: 1px solid rgba(44, 47, 53, 0.95); + padding: 3px; + border-radius: 4px; +} + +#LookingGlassDialog .labels { + spacing: 4px; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #A8ADB5; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; +} + +#LookingGlassDialog .notebook-tab:hover { + color: white; + text-shadow: black 0px 2px 2px; +} + +#LookingGlassDialog .notebook-tab:selected { + border-image: none !important; + background-image: url("misc/null.svg"); + color: #5294E2; + text-shadow: black 0px 2px 2px; +} + +.lg-dialog StEntry { + color: #A8ADB5; + selection-background-color: #5294E2; + selected-color: #ffffff; +} + +.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; +} + +.lg-obj-inspector-button:hover { + border: 1px solid #ffffff; +} + +.lg-dialog .shell-link { + color: #999999; +} + +.lg-dialog .shell-link:hover { + color: #dddddd; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: 1px solid #dde3e9; + border-radius: 2px; + background-color: #f9fafb; + padding: 4px; +} + +.lg-extension-name { + font-weight: bold; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 1px solid grey; + border-radius: 4px; + padding: 6px; +} + +/* Calendar popup */ + +.calendar-vertical-separator { + -stipple-width: 1px; + -stipple-color: rgba(0,0,0,0.2); + width: 0.3em; +} + +.calendar { + padding: .4em 1.75em .8em 2.5em; +} + +.calendar-month-label { + color: #5c616c; + font-size: 9.5pt; + font-weight: bold; + padding-bottom: 8px; + padding-top: 8px; +} + +.calendar-month-label:focus { + background-color: red; +} + +.calendar-change-month-back:hover, +.calendar-change-month-back:focus, +.calendar-change-month-back:active, +.calendar-change-month-forward:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:active { + background-color: transparent; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 18px; + height: 12px; + border-radius: 4px; +} + +.calendar-change-month-back { + background-image: url("misc/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover { + background-image: url("misc/calendar-arrow-left-hover.svg"); +} + +.calendar-change-month-back:active { + background-image: url("misc/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("misc/calendar-arrow-right.svg"); +} + +.calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { + background-image: url("misc/calendar-arrow-right-hover.svg"); +} + +.calendar-change-month-back:rtl:active { + background-image: url("misc/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("misc/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:focus, .calendar-change-month-forward:hover { + background-image: url("misc/calendar-arrow-right-hover.svg"); +} + +.calendar-change-month-forward:active { + background-image: url("misc/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("misc/calendar-arrow-left.svg"); +} + +.calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { + background-image: url("misc/calendar-arrow-left-hover.svg"); +} + +.calendar-change-month-forward:rtl:active { + background-image: url("misc/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.7em; + font-weight: bold; + text-align: center; + color: #5c616c; + border-radius: 4px; +} + +.datemenu-date-label:hover, +.datemenu-date-label:focus { + background-color: #5c616c; +} + +.datemenu-date-label:active { + background-color: #5c616c; +} + +.calendar-day-base { + font-size: 8pt; + text-align: center; + width: 25px; + height: 25px; + border-radius: 12.5px; +} + +.calendar-day-base:hover, +.calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.1); +} + +.calendar-day-base:active { + font-size: 8pt; + background-color: transparent; + border: 1px solid #5294E2; + color: #5c616c; +} + +.calendar-day-heading { + color: rgba(92, 97, 108, 0.85); + padding-top: .2em; + height: 1.7em; +} + +.calendar-week-number { + color: rgba(92, 97, 108, 0.3); + font-weight: normal; +} + +/* Hack used in lieu of border-collapse - see calendar.js */ +.calendar-day { + border: 1px solid transparent; + color: rgba(92, 97, 108, 0.8); +} + +.calendar-day-top { + border-top-width: 1px; +} + +.calendar-day-left { + border-left-width: 1px; +} + +.calendar-work-day { +} + +.calendar-nonwork-day { + color: #5c616c; + background-color: transparent; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:hover { + background: #5294E2; + color: #fff; + text-shadow: black 0px 0px; + font-weight: bold; +} + +.calendar-day-with-events { + font-weight: bold; + color: #5294E2; +} + +.calendar-other-month-day { + color: rgba(92, 97, 108, 0.3); +} + +.events-table { + width: 320px; + spacing-columns: 6pt; + padding: 0 1.4em; +} + +.events-table:ltr { + padding-right: 1.9em; +} + +.events-table:rtl { + padding-left: 1.9em; +} + +.events-day-header { + font-weight: bold; + color: rgba(92, 97, 108, 0.8); + padding-left: 0.4em; + padding-top: 1.2em; +} + +.events-day-header:first-child { + padding-top: 0; +} + +.events-day-header:rtl { + padding-left: 0; + padding-right: 0.4em; +} + +.events-day-dayname { + color: rgba(92, 97, 108, 0.5); + text-align: left; + min-width: 20px; +} + +.events-day-dayname:rtl { + text-align: right; +} + +.events-day-time { + color: rgba(92, 97, 108, 0.4); + text-align: right; +} + +.events-day-time:rtl { + text-align: left; +} + +.events-day-task { + color: rgba(92, 97, 108, 1.0); + padding-left: 8pt; +} + +.events-day-task:rtl { + padding-left: 0px; + padding-right: 8pt; +} + +/* Message Tray */ + +#message-tray { + background: #2e3436; + background-repeat: repeat; + height: 72px; +} + +.message-tray-summary { + height: 72px; +} + +.message-tray-menu-button StIcon { + padding: 0 20px; + color: #aaaaaa; + icon-size: 24px; +} + +.message-tray-menu-button:hover StIcon, +.message-tray-menu-button:active StIcon, +.message-tray-menu-button:focus StIcon { + color: #eeeeee; +} + +.url-highlighter { + link-color: #ccccff; +} + +.no-messages-label { + color: #999999; +} + +.notification { + border-radius: 2px 2px 0px 0px; + background: #f9fafb; + padding: 8px 8px 4px 8px; + spacing-rows: 4px; + spacing-columns: 10px; + box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2); +} + +.notification, #notification-container { + font-size: 11pt; + width: 34em; +} + +.notification.multi-line-notification { + padding-bottom: 8px; +} + +.notification-unexpanded { + /* We want to force the actor at a specific size, irrespective + of its minimum and preferred size, so we override both */ + min-height: 32px; + height: 32px; +} + +/* We use row-span = 2 for the image cell, which prevents its height preferences to be + taken into account during allocation, so its height ends up being limited by the height + of the content in the other rows. To avoid showing a stretched image, we set the minimum + height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */ +.notification-with-image { + min-height: 159px; +} + +.summary-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0,0,0,0.0); + -arrow-base: 0; + -arrow-rise: 0; + -boxpointer-gap: 0; + color: #5c616c; + border-image: url("menu/menu.svg") 10 10 35 14; + padding: 7px; +} + +.summary-boxpointer .notification { + border-radius: 3px; + background: rgba(0,0,0,0) !important; + padding-bottom: 12px; +} + +.summary-boxpointer #summary-right-click-menu { + padding-top: 12px; + padding-bottom: 12px; +} + +.summary-notification-stack-scrollview { + max-height: 18em; + padding-top: 8px; + padding-bottom: 8px; +} + +.summary-notification-stack-scrollview:ltr { + padding-right: 8px; +} + +.summary-notification-stack-scrollview:rtl { + padding-left: 8px; +} + +.notification-scrollview { + max-height: 10em; + -st-vfade-offset: 24px; +} + +.notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +.notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +.notification-body { + spacing: 5px; +} + +.notification-actions { + padding-top: 18px; + spacing: 10px; +} + +.notification-button { + -st-natural-width: 140px; + padding: 4px 4px 5px; +} + +.notification-button:focus { + -st-natural-width: 140px; + padding: 4px 4px 5px; +} + +.notification-icon-button { + border-radius: 5px; + padding: 5px; +} + +.notification-icon-button:focus { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 16px; + padding: 8px; +} + +.secondary-icon { + icon-size: 1.09em; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item: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; + + color: #ccc; +} + +.hotplug-resident-mount:hover { + background-gradient-direction: horizontal; + background-gradient-start: rgba(255, 255, 255, 0.1); + background-gradient-end: rgba(255, 255, 255, 0); + + color: #fff; +} + +.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: #ccc; +} + +.chat-log-message { + color: #888888; +} + +.chat-empty-line { + font-size: 4px; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #959595; +} + +.chat-sent:rtl { + padding-left: 0px; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: #bbbbbb; +} + +.chat-meta-message:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-notification-scrollview{ + max-height: 22em; +} + +.subscription-message { + font-style: italic; +} + +.notification StEntry { + /*border-radius: 4px;*/ +} + +.summary-source-button { + padding: 6px 3px 6px 3px; +} + +.summary-source-button:last-child:ltr { + padding-right: 6px; +} + +.summary-source-button:last-child:rtl { + padding-left: 6px; +} + +.summary-source-button:hover .summary-source { + background-color: rgba(255,255,255,0.1); +} + +.summary-source-button:focus .summary-source, +.summary-source-button:selected .summary-source { + background-color: rgba(255,255,255,0.33); +} + +.summary-source { + border-radius: 4px; + padding: 0 6px 0 6px; + transition-duration: 100ms; +} + +.summary-source-counter { + background-image: url("misc/summary-counter.svg"); + background-size: 26px; + color: #fff; + font-size: 10pt; + font-weight: bold; + height: 2.4em; + width: 2.4em; + -shell-counter-overlap-x: 13px; + -shell-counter-overlap-y: 13px; +} + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + color: #ffffff; + background: none; + border: none; + border-radius: 5px; + border-image: url("misc/osd.svg") 10 10 9 11; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 2px; + color: #5294E2; +} + +/* App 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; + color: #A8ADB5; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 6px; + border: 1px solid #5294E2; +} + +.switcher-list .item-box:selected { + color: #ffffff; + background-color: #5294E2; + border: 1px solid #5294E2; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(92, 97, 108, 0.33); +} + +.ripple-box { + width: 52px; + height: 52px; + background-image: url("misc/corner-ripple-ltr.svg"); + background-size: contain; +} + +.ripple-box:rtl { + background-image: url("misc/corner-ripple-rtl.svg"); +} + +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: #A8ADB5; +} + +.switcher-arrow:highlighted { + border-color: rgba(0,0,0,0); + color: white; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; +} + +.workspace-switcher-container { + border-image: url("misc/bg.svg") 10 10 35 14; + border-radius: 3px; + padding: 20px; + padding-bottom: 24px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 30px; + background-color: #5294E2; + background-size: 96px; + border-radius: 2px; + border: 1px solid #5294E2; +} + +.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; + border: 1px solid rgba(0, 0, 0, 0.33); + background: rgba(0, 0, 0, 0.33); + border-radius: 2px; +} + +/* Tile previews */ +.tile-preview { + background-color: rgba(82, 148, 226, 0.35); + border: 1px solid #5294E2; +} + +.tile-preview-left.on-primary { + /* keep in sync with -panel-corner-radius */ + border-radius: 0; +} + +.tile-preview-right.on-primary { + /* keep in sync with -panel-corner-radius */ + border-radius: 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + /* keep in sync with -panel-corner-radius */ + border-radius: 0; +} + +/* Modal Dialogs */ + +/* Dialog Subject Text Style */ +.show-processes-dialog-subject, +.mount-question-dialog-subject, +.end-session-dialog-subject { + font-size: 11pt; + font-weight: bold; + color: #5c616c; +} + +.modal-dialog { + border-radius: 24px; + background-color: rgba(0.0, 0.0, 0.0, 0.9); + border: 0px solid #868686; + + padding: 0 6px 6px 6px; + + border-image: url("misc/modal.svg") 10 10 10 10; +} + +.modal-dialog > * { + padding: 14px; +} + +.modal-dialog-button-box { + spacing: 21px; + padding-top: 50px; + + padding: 12px 24px; + background-color: #3c4049; + border: solid 0px rgba(0, 0, 0, 0.3); + border-top: 1px; + border-radius: 0px 0px 1px 1px; +} + +.modal-dialog-button { + padding: 4px 32px 5px; +} + +.modal-dialog-button:focus { + padding: 4px 32px 5px; +} + +/* Run Dialog */ + +.run-dialog-label { + font-size: 10pt; + font-weight: normal; + color: #5c616c; + padding-bottom: .8em; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.modal-dialog .run-dialog-entry { + width: 20em; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; +} + +.end-session-dialog-list { + padding-top: 20px; +} + +.end-session-dialog-layout { + padding-left: 17px; +} + +.end-session-dialog-layout:rtl { + padding-right: 17px; +} + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; +} + +.end-session-dialog-description:rtl { + width: 28em; + padding-bottom: 10px; + text-align: right; +} + +.end-session-dialog-warning { + width: 28em; + color: #F27835; + padding-top: 6px; +} + +.end-session-dialog-warning:rtl { + width: 28em; + color: #F27835; + padding-top: 6px; + text-align: right; +} + +.end-session-dialog-logout-icon { + border: 0px solid #8b8b8b; + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; +} + +.end-session-dialog-shutdown-icon { + color: #5c616c; + width: 48px; + height: 48px; +} + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; +} + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; +} + +.end-session-dialog-list-header { + font-weight: bold; +} + +.end-session-dialog-list-header:rtl { + text-align: right; +} + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; +} + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; +} + +.end-session-dialog-app-list-item-description { + color: #686d7a; + font-size: 10pt; +} + +.end-session-dialog .modal-dialog-button:last-child { + color: #ffffff; + background-color: #FA4349; + border-color: #FA4349; +} + +.end-session-dialog .modal-dialog-button:last-child:hover { + color: #ffffff; + background-color: #fb7074; + border-color: #fb7074; +} + +.end-session-dialog .modal-dialog-button:last-child:active { + color: #ffffff; + background-color: #f92a31; + border-color: #f92a31; +} + +/* Restart message */ +.restart-message { + font-size: 14pt; +} + +/* 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; +} + +.mount-question-dialog-subject { + max-width: 500px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + font-size: 10pt; + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 10pt; +} + +/* Password or Authentication Dialog */ +.prompt-dialog { + /* this is the width of the entire modal popup */ + width: 500px; +} + +.prompt-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.prompt-dialog-message-layout { + spacing: 16px; +} + +.prompt-dialog-headline { + font-size: 12pt; + font-weight: bold; + color: #666666; +} + +.prompt-dialog-description:rtl { + text-align: right; +} + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; +} + +.prompt-dialog-error-label { + font-size: 1em; + color: #FF6767; + padding-bottom: 8px; +} + +.prompt-dialog-info-label { + font-size: 1em; + padding-bottom: 8px; +} + +.hidden { + color: rgba(0,0,0,0); +} + +.prompt-dialog-null-label { + font-size: 1em; + padding-bottom: 8px; +} + +/* Polkit Dialog */ + +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; +} + +.polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; +} + +.polkit-dialog-user-root-label { + color: #ff0000; +} + +.polkit-dialog-user-icon { + border: 2px solid #8b8b8b; + border-radius: 5px; + 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; +} + +/* Magnifier */ + +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 255); +} + +.magnifier-zoom-region.full-screen { + border-width: 0px; +} + +/* On-screen Keyboard */ + +#keyboard { + background: rgba(0,0,0,0.8); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 30px; + min-width: 30px; + background-gradient-start: rgba(255,245,245,0.4); + background-gradient-end: rgba(105,105,105,0.1); + background-gradient-direction: vertical; + font-size: 14pt; + font-weight: bold; + border-radius: 10px; + border: 2px solid #a0a0a0; + color: white; +} + +.keyboard-key:grayed { + color: #808080; + border-color: #808080; +} + +.keyboard-key:checked, +.keyboard-key:hover { + background: #303030; + border: 3px solid white; +} + +.keyboard-key:active { + background: #808080; +} + +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: #090909; + -arrow-border-width: 2px; + -arrow-border-color: white; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +/* IBus Candidate Popup */ + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; +} + +.candidate-index { + padding: 0 0.5em 0 0; + color: #cccccc; +} + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; +} + +.candidate-box:selected { + border-radius: 4px; + background-color: rgba(255,255,255,0.2); +} + +.candidate-box:hover { + border-radius: 4px; + background-color: rgba(255,255,255,0.1); +} +.candidate-page-button-box { + height: 2em; + width: 80px; +} + +.vertical .candidate-page-button-box { + padding-top: 0.5em; +} + +.horizontal .candidate-page-button-box { + padding-left: 0.5em; +} + +.candidate-page-button-previous { + border-radius: 4px 0px 0px 4px; +} + +.candidate-page-button-next { + border-radius: 0px 4px 4px 0px; +} + +.candidate-page-button-icon { + icon-size: 1em; +} + +/* Login Dialog */ + +.framed-user-icon { + border: 2px solid #8b8b8b; + border-radius: 3px; + background-size: contain; +} + +.framed-user-icon:hover { + border: 2px solid #bbbbbb; +} + +.login-dialog-banner { + font-size: 10pt; + font-weight: bold; + text-align: center; + color: #666666; + padding-bottom: 1em; +} + +.login-dialog { + /* Reset border and background */ + border: none; + background-color: transparent; +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list-item { + border-radius: 5px; + padding: .2em; + color: #bfbfbf; + text-shadow: black 0px 2px 2px; +} + +.login-dialog-user-list-item:ltr { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl { + padding-left: 1em; +} + +.login-dialog-user-list-item:hover { + background-color: rgba(255,255,255,0.1); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:focus { + background-color: rgba(255,255,255,0.33); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + background-image: url("misc/logged-in-indicator.svg"); + background-size: contain; +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + background-color: rgba(0,0,0,0.0); + height: 2px; +} + +.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #8b8b8b; +} + +.login-dialog-not-listed-label { + font-size: 10.5pt; + font-weight: bold; + color: #666666; + padding-top: 1em; +} + +.login-dialog-user-selection-box { + padding: 100px 0; +} + +.login-dialog-user-selection-box .login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, +.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: #E8E8E8; +} + +.login-dialog-username, +.user-widget-label { + font-size: 16pt; + font-weight: bold; + text-align: left; + padding-left: 15px; + text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 1px 0px; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: #eeeeee; + font-size: 14px; + padding-top: 11px; +} + +.login-dialog-session-list-button StIcon { + icon-size: 1.25em; +} + +.login-dialog-session-list-button { + color: #8b8b8b; +} + +.login-dialog-session-list-button:hover, +.login-dialog-session-list-button:focus, +.login-dialog-session-list-button:active { + color: white; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button { + border-radius: 5px; + padding: 3px 18px; +} + +.login-dialog .modal-dialog-button:focus { + padding: 2px 17px; +} + +.login-dialog .modal-dialog-button:default { + background-gradient-start: #6793c4; + background-gradient-end: #335d8f; + background-gradient-direction: vertical; + border-color: #16335d; +} + +.login-dialog .modal-dialog-button:default:focus { + border: 2px solid #377fe7; +} + +.login-dialog .modal-dialog-button:default:hover { + background-gradient-start: #74a0d0; + background-gradient-end: #436d9f; +} + +.login-dialog .modal-dialog-button:default:active, +.login-dialog .modal-dialog-button:default:pressed { + background-gradient-start: #436d9f; + background-gradient-end: #74a0d0; +} + +.login-dialog .modal-dialog-button:default:insensitive { + border-color: #666666; + color: #9f9f9f; + background-gradient-direction: none; + background-color: rgba(102, 102, 102, 0.15); +} + +.login-dialog-message { + padding-top: 4px; + padding-bottom: 16px; + min-height: 2em; +} + +.login-dialog-message-warning { + color: orange; +} + +.login-dialog-message-hint { + padding-top: 0px; + padding-bottom: 20px; +} + +.user-widget-label { +} + +.user-widget-label:ltr { + padding-left: 18px; +} + +.user-widget-label:rtl { + padding-right: 18px; +} + +/* Screen shield */ + +#panel.lock-screen, +#screenShieldNotifications { + background-color: rgba(0,0,0,0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0px 4px 8px rgba(0,0,0,0.9); +} + +#lockDialogGroup { + background: #2e3436 url(misc/noise-texture.png); + background-repeat: repeat; +} + +.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-contents-box { + spacing: 48px; +} + +.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; +} + +#screenShieldNotifications { + max-height: 500px; + padding: 12px; +} + +.screen-shield-notifications-box { + spacing: 12px; + width: 30em; +} + +.screen-shield-notification-source { + padding: 3px 6px; + spacing: 5px; +} + +.screen-shield-notification-label { + font-weight: bold; + padding: 0px 0px 0px 12px; +} + +.screen-shield-notification-count-text { + padding: 0px 0px 0px 12px; +} + +/* Remove background from notifications, otherwise + opacity is doubled and they look darker +*/ +.screen-shield-notifications-box .notification { + background-color: transparent; +} + +/* Override padding on resident notifications, since + the notifications box has its own spacing +*/ +.screen-shield-notifications-box .summary-notification-stack-scrollview { + padding-top: 0px; + padding-bottom: 0px; +} + +#screenShieldNotifications .notification-button, +#screenShieldNotifications .notification-icon-button { + border: 1px rgba(255,255,255,0.5); +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(0,0,0,0.2); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, +#screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(0,0,0,0.3); + border: none; +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, +#screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(0,0,0,0.6); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, +#screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(0,0,0,0.8); +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +/* Background menu */ + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; +} diff --git a/gnome-shell/menu/menu-arrow-symbolic.svg b/common/gnome-shell/3.14/menu/menu-arrow-symbolic.svg similarity index 100% rename from gnome-shell/menu/menu-arrow-symbolic.svg rename to common/gnome-shell/3.14/menu/menu-arrow-symbolic.svg diff --git a/gnome-shell/menu/menu-hover.svg b/common/gnome-shell/3.14/menu/menu-hover.svg similarity index 100% rename from gnome-shell/menu/menu-hover.svg rename to common/gnome-shell/3.14/menu/menu-hover.svg diff --git a/gnome-shell/menu/menu-separator.svg b/common/gnome-shell/3.14/menu/menu-separator.svg similarity index 100% rename from gnome-shell/menu/menu-separator.svg rename to common/gnome-shell/3.14/menu/menu-separator.svg diff --git a/gnome-shell/menu/menu.svg b/common/gnome-shell/3.14/menu/menu.svg similarity index 100% rename from gnome-shell/menu/menu.svg rename to common/gnome-shell/3.14/menu/menu.svg diff --git a/gnome-shell/menu/submenu-open.svg b/common/gnome-shell/3.14/menu/submenu-open.svg similarity index 100% rename from gnome-shell/menu/submenu-open.svg rename to common/gnome-shell/3.14/menu/submenu-open.svg diff --git a/gnome-shell/menu/submenu.svg b/common/gnome-shell/3.14/menu/submenu.svg similarity index 100% rename from gnome-shell/menu/submenu.svg rename to common/gnome-shell/3.14/menu/submenu.svg diff --git a/gnome-shell/misc/activities.svg b/common/gnome-shell/3.14/misc/activities.svg similarity index 100% rename from gnome-shell/misc/activities.svg rename to common/gnome-shell/3.14/misc/activities.svg diff --git a/gnome-shell/misc/bg.svg b/common/gnome-shell/3.14/misc/bg.svg similarity index 100% rename from gnome-shell/misc/bg.svg rename to common/gnome-shell/3.14/misc/bg.svg diff --git a/gnome-shell/misc/calendar-arrow-left-hover.svg b/common/gnome-shell/3.14/misc/calendar-arrow-left-hover.svg similarity index 100% rename from gnome-shell/misc/calendar-arrow-left-hover.svg rename to common/gnome-shell/3.14/misc/calendar-arrow-left-hover.svg diff --git a/gnome-shell/misc/calendar-arrow-left.svg b/common/gnome-shell/3.14/misc/calendar-arrow-left.svg similarity index 100% rename from gnome-shell/misc/calendar-arrow-left.svg rename to common/gnome-shell/3.14/misc/calendar-arrow-left.svg diff --git a/gnome-shell/misc/calendar-arrow-right-hover.svg b/common/gnome-shell/3.14/misc/calendar-arrow-right-hover.svg similarity index 100% rename from gnome-shell/misc/calendar-arrow-right-hover.svg rename to common/gnome-shell/3.14/misc/calendar-arrow-right-hover.svg diff --git a/gnome-shell/misc/calendar-arrow-right.svg b/common/gnome-shell/3.14/misc/calendar-arrow-right.svg similarity index 100% rename from gnome-shell/misc/calendar-arrow-right.svg rename to common/gnome-shell/3.14/misc/calendar-arrow-right.svg diff --git a/gnome-shell/misc/close-active.svg b/common/gnome-shell/3.14/misc/close-active.svg similarity index 100% rename from gnome-shell/misc/close-active.svg rename to common/gnome-shell/3.14/misc/close-active.svg diff --git a/gnome-shell/misc/close-hover.svg b/common/gnome-shell/3.14/misc/close-hover.svg similarity index 100% rename from gnome-shell/misc/close-hover.svg rename to common/gnome-shell/3.14/misc/close-hover.svg diff --git a/gnome-shell/misc/close.svg b/common/gnome-shell/3.14/misc/close.svg similarity index 100% rename from gnome-shell/misc/close.svg rename to common/gnome-shell/3.14/misc/close.svg diff --git a/gnome-shell/misc/corner-ripple-ltr.svg b/common/gnome-shell/3.14/misc/corner-ripple-ltr.svg similarity index 100% rename from gnome-shell/misc/corner-ripple-ltr.svg rename to common/gnome-shell/3.14/misc/corner-ripple-ltr.svg diff --git a/gnome-shell/misc/corner-ripple-rtl.svg b/common/gnome-shell/3.14/misc/corner-ripple-rtl.svg similarity index 100% rename from gnome-shell/misc/corner-ripple-rtl.svg rename to common/gnome-shell/3.14/misc/corner-ripple-rtl.svg diff --git a/gnome-shell/misc/dash-placeholder.svg b/common/gnome-shell/3.14/misc/dash-placeholder.svg similarity index 100% rename from gnome-shell/misc/dash-placeholder.svg rename to common/gnome-shell/3.14/misc/dash-placeholder.svg diff --git a/gnome-shell/misc/logged-in-indicator.svg b/common/gnome-shell/3.14/misc/logged-in-indicator.svg similarity index 100% rename from gnome-shell/misc/logged-in-indicator.svg rename to common/gnome-shell/3.14/misc/logged-in-indicator.svg diff --git a/gnome-shell/misc/modal.svg b/common/gnome-shell/3.14/misc/modal.svg similarity index 100% rename from gnome-shell/misc/modal.svg rename to common/gnome-shell/3.14/misc/modal.svg diff --git a/gnome-shell/misc/more-results.svg b/common/gnome-shell/3.14/misc/more-results.svg similarity index 100% rename from gnome-shell/misc/more-results.svg rename to common/gnome-shell/3.14/misc/more-results.svg diff --git a/gnome-shell/misc/noise-texture.png b/common/gnome-shell/3.14/misc/noise-texture.png similarity index 100% rename from gnome-shell/misc/noise-texture.png rename to common/gnome-shell/3.14/misc/noise-texture.png diff --git a/common/gnome-shell/3.14/misc/null.svg b/common/gnome-shell/3.14/misc/null.svg new file mode 100644 index 0000000..e5dbc03 --- /dev/null +++ b/common/gnome-shell/3.14/misc/null.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + diff --git a/gnome-shell/misc/osd.svg b/common/gnome-shell/3.14/misc/osd.svg similarity index 100% rename from gnome-shell/misc/osd.svg rename to common/gnome-shell/3.14/misc/osd.svg diff --git a/gnome-shell/misc/page-indicator-active.svg b/common/gnome-shell/3.14/misc/page-indicator-active.svg similarity index 100% rename from gnome-shell/misc/page-indicator-active.svg rename to common/gnome-shell/3.14/misc/page-indicator-active.svg diff --git a/gnome-shell/misc/page-indicator-checked.svg b/common/gnome-shell/3.14/misc/page-indicator-checked.svg similarity index 100% rename from gnome-shell/misc/page-indicator-checked.svg rename to common/gnome-shell/3.14/misc/page-indicator-checked.svg diff --git a/gnome-shell/misc/page-indicator-hover.svg b/common/gnome-shell/3.14/misc/page-indicator-hover.svg similarity index 100% rename from gnome-shell/misc/page-indicator-hover.svg rename to common/gnome-shell/3.14/misc/page-indicator-hover.svg diff --git a/gnome-shell/misc/page-indicator-inactive.svg b/common/gnome-shell/3.14/misc/page-indicator-inactive.svg similarity index 100% rename from gnome-shell/misc/page-indicator-inactive.svg rename to common/gnome-shell/3.14/misc/page-indicator-inactive.svg diff --git a/common/gnome-shell/3.14/misc/panel-button-highlight.svg b/common/gnome-shell/3.14/misc/panel-button-highlight.svg new file mode 100644 index 0000000..11b9c89 --- /dev/null +++ b/common/gnome-shell/3.14/misc/panel-button-highlight.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/gnome-shell/misc/process-working.svg b/common/gnome-shell/3.14/misc/process-working.svg similarity index 100% rename from gnome-shell/misc/process-working.svg rename to common/gnome-shell/3.14/misc/process-working.svg diff --git a/common/gnome-shell/3.14/misc/running-indicator.svg b/common/gnome-shell/3.14/misc/running-indicator.svg new file mode 100644 index 0000000..bcfc594 --- /dev/null +++ b/common/gnome-shell/3.14/misc/running-indicator.svg @@ -0,0 +1,127 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/misc/summary-counter.svg b/common/gnome-shell/3.14/misc/summary-counter.svg new file mode 100644 index 0000000..8ffacc2 --- /dev/null +++ b/common/gnome-shell/3.14/misc/summary-counter.svg @@ -0,0 +1,115 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/gnome-shell/misc/ws-switch-arrow-down.png b/common/gnome-shell/3.14/misc/ws-switch-arrow-down.png similarity index 100% rename from gnome-shell/misc/ws-switch-arrow-down.png rename to common/gnome-shell/3.14/misc/ws-switch-arrow-down.png diff --git a/gnome-shell/misc/ws-switch-arrow-up.png b/common/gnome-shell/3.14/misc/ws-switch-arrow-up.png similarity index 100% rename from gnome-shell/misc/ws-switch-arrow-up.png rename to common/gnome-shell/3.14/misc/ws-switch-arrow-up.png diff --git a/gnome-shell/switch/switch-off.svg b/common/gnome-shell/3.14/switch/switch-off.svg similarity index 100% rename from gnome-shell/switch/switch-off.svg rename to common/gnome-shell/3.14/switch/switch-off.svg diff --git a/gnome-shell/switch/switch-on.svg b/common/gnome-shell/3.14/switch/switch-on.svg similarity index 100% rename from gnome-shell/switch/switch-on.svg rename to common/gnome-shell/3.14/switch/switch-on.svg diff --git a/gnome-shell/Gemfile b/common/gnome-shell/3.16/Gemfile similarity index 100% rename from gnome-shell/Gemfile rename to common/gnome-shell/3.16/Gemfile diff --git a/gnome-shell/Gemfile.lock b/common/gnome-shell/3.16/Gemfile.lock similarity index 100% rename from gnome-shell/Gemfile.lock rename to common/gnome-shell/3.16/Gemfile.lock diff --git a/gnome-shell/_colors.scss b/common/gnome-shell/3.16/_colors.scss similarity index 100% rename from gnome-shell/_colors.scss rename to common/gnome-shell/3.16/_colors.scss diff --git a/gnome-shell/_common.scss b/common/gnome-shell/3.16/_common.scss similarity index 100% rename from gnome-shell/_common.scss rename to common/gnome-shell/3.16/_common.scss diff --git a/gnome-shell/_drawing.scss b/common/gnome-shell/3.16/_drawing.scss similarity index 100% rename from gnome-shell/_drawing.scss rename to common/gnome-shell/3.16/_drawing.scss diff --git a/common/gnome-shell/3.16/checkbox/checkbox-checked-focused.svg b/common/gnome-shell/3.16/checkbox/checkbox-checked-focused.svg new file mode 100644 index 0000000..983e7f8 --- /dev/null +++ b/common/gnome-shell/3.16/checkbox/checkbox-checked-focused.svg @@ -0,0 +1,223 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/checkbox/checkbox-checked.svg b/common/gnome-shell/3.16/checkbox/checkbox-checked.svg new file mode 100644 index 0000000..e8da8e6 --- /dev/null +++ b/common/gnome-shell/3.16/checkbox/checkbox-checked.svg @@ -0,0 +1,223 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/checkbox/checkbox-unchecked-focused.svg b/common/gnome-shell/3.16/checkbox/checkbox-unchecked-focused.svg new file mode 100644 index 0000000..6c2f719 --- /dev/null +++ b/common/gnome-shell/3.16/checkbox/checkbox-unchecked-focused.svg @@ -0,0 +1,141 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/checkbox/checkbox-unchecked.svg b/common/gnome-shell/3.16/checkbox/checkbox-unchecked.svg new file mode 100644 index 0000000..d50e0e2 --- /dev/null +++ b/common/gnome-shell/3.16/checkbox/checkbox-unchecked.svg @@ -0,0 +1,141 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gnome-shell/gnome-shell.css b/common/gnome-shell/3.16/gnome-shell.css similarity index 100% rename from gnome-shell/gnome-shell.css rename to common/gnome-shell/3.16/gnome-shell.css diff --git a/gnome-shell/gnome-shell.scss b/common/gnome-shell/3.16/gnome-shell.scss similarity index 100% rename from gnome-shell/gnome-shell.scss rename to common/gnome-shell/3.16/gnome-shell.scss diff --git a/common/gnome-shell/3.16/menu/menu-arrow-symbolic.svg b/common/gnome-shell/3.16/menu/menu-arrow-symbolic.svg new file mode 100644 index 0000000..2ae260c --- /dev/null +++ b/common/gnome-shell/3.16/menu/menu-arrow-symbolic.svg @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/common/gnome-shell/3.16/menu/menu-hover.svg b/common/gnome-shell/3.16/menu/menu-hover.svg new file mode 100644 index 0000000..d371bd7 --- /dev/null +++ b/common/gnome-shell/3.16/menu/menu-hover.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/menu/menu-separator.svg b/common/gnome-shell/3.16/menu/menu-separator.svg new file mode 100644 index 0000000..4962ebc --- /dev/null +++ b/common/gnome-shell/3.16/menu/menu-separator.svg @@ -0,0 +1,60 @@ + + + + + + + + + + image/svg+xml + + + + + + + diff --git a/common/gnome-shell/3.16/menu/menu.svg b/common/gnome-shell/3.16/menu/menu.svg new file mode 100644 index 0000000..f363e0b --- /dev/null +++ b/common/gnome-shell/3.16/menu/menu.svg @@ -0,0 +1,115 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/menu/submenu-open.svg b/common/gnome-shell/3.16/menu/submenu-open.svg new file mode 100644 index 0000000..5d57a31 --- /dev/null +++ b/common/gnome-shell/3.16/menu/submenu-open.svg @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/menu/submenu.svg b/common/gnome-shell/3.16/menu/submenu.svg new file mode 100644 index 0000000..9172367 --- /dev/null +++ b/common/gnome-shell/3.16/menu/submenu.svg @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/activities.svg b/common/gnome-shell/3.16/misc/activities.svg new file mode 100644 index 0000000..4586285 --- /dev/null +++ b/common/gnome-shell/3.16/misc/activities.svg @@ -0,0 +1,155 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/bg.svg b/common/gnome-shell/3.16/misc/bg.svg new file mode 100644 index 0000000..5e219e0 --- /dev/null +++ b/common/gnome-shell/3.16/misc/bg.svg @@ -0,0 +1,132 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/calendar-arrow-left-hover.svg b/common/gnome-shell/3.16/misc/calendar-arrow-left-hover.svg new file mode 100644 index 0000000..7f292f8 --- /dev/null +++ b/common/gnome-shell/3.16/misc/calendar-arrow-left-hover.svg @@ -0,0 +1,169 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/calendar-arrow-left.svg b/common/gnome-shell/3.16/misc/calendar-arrow-left.svg new file mode 100644 index 0000000..5602eff --- /dev/null +++ b/common/gnome-shell/3.16/misc/calendar-arrow-left.svg @@ -0,0 +1,169 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/calendar-arrow-right-hover.svg b/common/gnome-shell/3.16/misc/calendar-arrow-right-hover.svg new file mode 100644 index 0000000..beadead --- /dev/null +++ b/common/gnome-shell/3.16/misc/calendar-arrow-right-hover.svg @@ -0,0 +1,171 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/calendar-arrow-right.svg b/common/gnome-shell/3.16/misc/calendar-arrow-right.svg new file mode 100644 index 0000000..734b53b --- /dev/null +++ b/common/gnome-shell/3.16/misc/calendar-arrow-right.svg @@ -0,0 +1,171 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/close-active.svg b/common/gnome-shell/3.16/misc/close-active.svg new file mode 100644 index 0000000..a541886 --- /dev/null +++ b/common/gnome-shell/3.16/misc/close-active.svg @@ -0,0 +1,120 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/common/gnome-shell/3.16/misc/close-hover.svg b/common/gnome-shell/3.16/misc/close-hover.svg new file mode 100644 index 0000000..615e7e2 --- /dev/null +++ b/common/gnome-shell/3.16/misc/close-hover.svg @@ -0,0 +1,120 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/common/gnome-shell/3.16/misc/close.svg b/common/gnome-shell/3.16/misc/close.svg new file mode 100644 index 0000000..0ba078b --- /dev/null +++ b/common/gnome-shell/3.16/misc/close.svg @@ -0,0 +1,120 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/common/gnome-shell/3.16/misc/corner-ripple-ltr.svg b/common/gnome-shell/3.16/misc/corner-ripple-ltr.svg new file mode 100644 index 0000000..d495c9e --- /dev/null +++ b/common/gnome-shell/3.16/misc/corner-ripple-ltr.svg @@ -0,0 +1,125 @@ + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/corner-ripple-rtl.svg b/common/gnome-shell/3.16/misc/corner-ripple-rtl.svg new file mode 100644 index 0000000..408edb3 --- /dev/null +++ b/common/gnome-shell/3.16/misc/corner-ripple-rtl.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/dash-placeholder.svg b/common/gnome-shell/3.16/misc/dash-placeholder.svg new file mode 100755 index 0000000..cbae148 --- /dev/null +++ b/common/gnome-shell/3.16/misc/dash-placeholder.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/logged-in-indicator.svg b/common/gnome-shell/3.16/misc/logged-in-indicator.svg new file mode 100755 index 0000000..c0267ea --- /dev/null +++ b/common/gnome-shell/3.16/misc/logged-in-indicator.svg @@ -0,0 +1,130 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/modal.svg b/common/gnome-shell/3.16/misc/modal.svg new file mode 100644 index 0000000..5648294 --- /dev/null +++ b/common/gnome-shell/3.16/misc/modal.svg @@ -0,0 +1,141 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/more-results.svg b/common/gnome-shell/3.16/misc/more-results.svg new file mode 100755 index 0000000..5846fbb --- /dev/null +++ b/common/gnome-shell/3.16/misc/more-results.svg @@ -0,0 +1,142 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/noise-texture.png b/common/gnome-shell/3.16/misc/noise-texture.png new file mode 100755 index 0000000..6b70a2d Binary files /dev/null and b/common/gnome-shell/3.16/misc/noise-texture.png differ diff --git a/common/gnome-shell/3.16/misc/osd.svg b/common/gnome-shell/3.16/misc/osd.svg new file mode 100644 index 0000000..64bf7f4 --- /dev/null +++ b/common/gnome-shell/3.16/misc/osd.svg @@ -0,0 +1,132 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/page-indicator-active.svg b/common/gnome-shell/3.16/misc/page-indicator-active.svg new file mode 100755 index 0000000..89446ce --- /dev/null +++ b/common/gnome-shell/3.16/misc/page-indicator-active.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/page-indicator-checked.svg b/common/gnome-shell/3.16/misc/page-indicator-checked.svg new file mode 100755 index 0000000..05984c2 --- /dev/null +++ b/common/gnome-shell/3.16/misc/page-indicator-checked.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/page-indicator-hover.svg b/common/gnome-shell/3.16/misc/page-indicator-hover.svg new file mode 100755 index 0000000..3aad35d --- /dev/null +++ b/common/gnome-shell/3.16/misc/page-indicator-hover.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/page-indicator-inactive.svg b/common/gnome-shell/3.16/misc/page-indicator-inactive.svg new file mode 100755 index 0000000..a3e418b --- /dev/null +++ b/common/gnome-shell/3.16/misc/page-indicator-inactive.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/process-working.svg b/common/gnome-shell/3.16/misc/process-working.svg new file mode 100755 index 0000000..43ffcca --- /dev/null +++ b/common/gnome-shell/3.16/misc/process-working.svg @@ -0,0 +1,811 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/misc/ws-switch-arrow-down.png b/common/gnome-shell/3.16/misc/ws-switch-arrow-down.png new file mode 100644 index 0000000..a674ad5 Binary files /dev/null and b/common/gnome-shell/3.16/misc/ws-switch-arrow-down.png differ diff --git a/common/gnome-shell/3.16/misc/ws-switch-arrow-up.png b/common/gnome-shell/3.16/misc/ws-switch-arrow-up.png new file mode 100644 index 0000000..1b6f611 Binary files /dev/null and b/common/gnome-shell/3.16/misc/ws-switch-arrow-up.png differ diff --git a/gnome-shell/parse-sass.sh b/common/gnome-shell/3.16/parse-sass.sh similarity index 100% rename from gnome-shell/parse-sass.sh rename to common/gnome-shell/3.16/parse-sass.sh diff --git a/common/gnome-shell/3.16/switch/switch-off.svg b/common/gnome-shell/3.16/switch/switch-off.svg new file mode 100644 index 0000000..908e1af --- /dev/null +++ b/common/gnome-shell/3.16/switch/switch-off.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/switch/switch-on.svg b/common/gnome-shell/3.16/switch/switch-on.svg new file mode 100644 index 0000000..f7b1bfc --- /dev/null +++ b/common/gnome-shell/3.16/switch/switch-on.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-2.0/apps.rc b/common/gtk-2.0/apps.rc similarity index 100% rename from gtk-2.0/apps.rc rename to common/gtk-2.0/apps.rc diff --git a/gtk-2.0/assets.svg b/common/gtk-2.0/assets.svg similarity index 100% rename from gtk-2.0/assets.svg rename to common/gtk-2.0/assets.svg diff --git a/gtk-2.0/assets.txt b/common/gtk-2.0/assets.txt similarity index 100% rename from gtk-2.0/assets.txt rename to common/gtk-2.0/assets.txt diff --git a/gtk-2.0/assets/arrow-down-insens.png b/common/gtk-2.0/assets/arrow-down-insens.png similarity index 100% rename from gtk-2.0/assets/arrow-down-insens.png rename to common/gtk-2.0/assets/arrow-down-insens.png diff --git a/gtk-2.0/assets/arrow-down-prelight.png b/common/gtk-2.0/assets/arrow-down-prelight.png similarity index 100% rename from gtk-2.0/assets/arrow-down-prelight.png rename to common/gtk-2.0/assets/arrow-down-prelight.png diff --git a/gtk-2.0/assets/arrow-down-small-insens.png b/common/gtk-2.0/assets/arrow-down-small-insens.png similarity index 100% rename from gtk-2.0/assets/arrow-down-small-insens.png rename to common/gtk-2.0/assets/arrow-down-small-insens.png diff --git a/gtk-2.0/assets/arrow-down-small-prelight.png b/common/gtk-2.0/assets/arrow-down-small-prelight.png similarity index 100% rename from gtk-2.0/assets/arrow-down-small-prelight.png rename to common/gtk-2.0/assets/arrow-down-small-prelight.png diff --git a/gtk-2.0/assets/arrow-down-small.png b/common/gtk-2.0/assets/arrow-down-small.png similarity index 100% rename from gtk-2.0/assets/arrow-down-small.png rename to common/gtk-2.0/assets/arrow-down-small.png diff --git a/gtk-2.0/assets/arrow-down.png b/common/gtk-2.0/assets/arrow-down.png similarity index 100% rename from gtk-2.0/assets/arrow-down.png rename to common/gtk-2.0/assets/arrow-down.png diff --git a/gtk-2.0/assets/arrow-left-insens.png b/common/gtk-2.0/assets/arrow-left-insens.png similarity index 100% rename from gtk-2.0/assets/arrow-left-insens.png rename to common/gtk-2.0/assets/arrow-left-insens.png diff --git a/gtk-2.0/assets/arrow-left-prelight.png b/common/gtk-2.0/assets/arrow-left-prelight.png similarity index 100% rename from gtk-2.0/assets/arrow-left-prelight.png rename to common/gtk-2.0/assets/arrow-left-prelight.png diff --git a/gtk-2.0/assets/arrow-left.png b/common/gtk-2.0/assets/arrow-left.png similarity index 100% rename from gtk-2.0/assets/arrow-left.png rename to common/gtk-2.0/assets/arrow-left.png diff --git a/gtk-2.0/assets/arrow-right-insens.png b/common/gtk-2.0/assets/arrow-right-insens.png similarity index 100% rename from gtk-2.0/assets/arrow-right-insens.png rename to common/gtk-2.0/assets/arrow-right-insens.png diff --git a/gtk-2.0/assets/arrow-right-prelight.png b/common/gtk-2.0/assets/arrow-right-prelight.png similarity index 100% rename from gtk-2.0/assets/arrow-right-prelight.png rename to common/gtk-2.0/assets/arrow-right-prelight.png diff --git a/gtk-2.0/assets/arrow-right.png b/common/gtk-2.0/assets/arrow-right.png similarity index 100% rename from gtk-2.0/assets/arrow-right.png rename to common/gtk-2.0/assets/arrow-right.png diff --git a/gtk-2.0/assets/arrow-up-insens.png b/common/gtk-2.0/assets/arrow-up-insens.png similarity index 100% rename from gtk-2.0/assets/arrow-up-insens.png rename to common/gtk-2.0/assets/arrow-up-insens.png diff --git a/gtk-2.0/assets/arrow-up-prelight.png b/common/gtk-2.0/assets/arrow-up-prelight.png similarity index 100% rename from gtk-2.0/assets/arrow-up-prelight.png rename to common/gtk-2.0/assets/arrow-up-prelight.png diff --git a/gtk-2.0/assets/arrow-up-small-insens.png b/common/gtk-2.0/assets/arrow-up-small-insens.png similarity index 100% rename from gtk-2.0/assets/arrow-up-small-insens.png rename to common/gtk-2.0/assets/arrow-up-small-insens.png diff --git a/gtk-2.0/assets/arrow-up-small-prelight.png b/common/gtk-2.0/assets/arrow-up-small-prelight.png similarity index 100% rename from gtk-2.0/assets/arrow-up-small-prelight.png rename to common/gtk-2.0/assets/arrow-up-small-prelight.png diff --git a/gtk-2.0/assets/arrow-up-small.png b/common/gtk-2.0/assets/arrow-up-small.png similarity index 100% rename from gtk-2.0/assets/arrow-up-small.png rename to common/gtk-2.0/assets/arrow-up-small.png diff --git a/gtk-2.0/assets/arrow-up.png b/common/gtk-2.0/assets/arrow-up.png similarity index 100% rename from gtk-2.0/assets/arrow-up.png rename to common/gtk-2.0/assets/arrow-up.png diff --git a/gtk-2.0/assets/button-active.png b/common/gtk-2.0/assets/button-active.png similarity index 100% rename from gtk-2.0/assets/button-active.png rename to common/gtk-2.0/assets/button-active.png diff --git a/gtk-2.0/assets/button-hover.png b/common/gtk-2.0/assets/button-hover.png similarity index 100% rename from gtk-2.0/assets/button-hover.png rename to common/gtk-2.0/assets/button-hover.png diff --git a/gtk-2.0/assets/button-insensitive.png b/common/gtk-2.0/assets/button-insensitive.png similarity index 100% rename from gtk-2.0/assets/button-insensitive.png rename to common/gtk-2.0/assets/button-insensitive.png diff --git a/gtk-2.0/assets/button.png b/common/gtk-2.0/assets/button.png similarity index 100% rename from gtk-2.0/assets/button.png rename to common/gtk-2.0/assets/button.png diff --git a/gtk-2.0/assets/checkbox-checked-insensitive.png b/common/gtk-2.0/assets/checkbox-checked-insensitive.png similarity index 100% rename from gtk-2.0/assets/checkbox-checked-insensitive.png rename to common/gtk-2.0/assets/checkbox-checked-insensitive.png diff --git a/gtk-2.0/assets/checkbox-checked.png b/common/gtk-2.0/assets/checkbox-checked.png similarity index 100% rename from gtk-2.0/assets/checkbox-checked.png rename to common/gtk-2.0/assets/checkbox-checked.png diff --git a/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/common/gtk-2.0/assets/checkbox-unchecked-insensitive.png similarity index 100% rename from gtk-2.0/assets/checkbox-unchecked-insensitive.png rename to common/gtk-2.0/assets/checkbox-unchecked-insensitive.png diff --git a/gtk-2.0/assets/checkbox-unchecked.png b/common/gtk-2.0/assets/checkbox-unchecked.png similarity index 100% rename from gtk-2.0/assets/checkbox-unchecked.png rename to common/gtk-2.0/assets/checkbox-unchecked.png diff --git a/gtk-2.0/assets/combo-entry-button-active-rtl.png b/common/gtk-2.0/assets/combo-entry-button-active-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-button-active-rtl.png rename to common/gtk-2.0/assets/combo-entry-button-active-rtl.png diff --git a/gtk-2.0/assets/combo-entry-button-active.png b/common/gtk-2.0/assets/combo-entry-button-active.png similarity index 100% rename from gtk-2.0/assets/combo-entry-button-active.png rename to common/gtk-2.0/assets/combo-entry-button-active.png diff --git a/gtk-2.0/assets/combo-entry-button-insensitive-rtl.png b/common/gtk-2.0/assets/combo-entry-button-insensitive-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-button-insensitive-rtl.png rename to common/gtk-2.0/assets/combo-entry-button-insensitive-rtl.png diff --git a/gtk-2.0/assets/combo-entry-button-insensitive.png b/common/gtk-2.0/assets/combo-entry-button-insensitive.png similarity index 100% rename from gtk-2.0/assets/combo-entry-button-insensitive.png rename to common/gtk-2.0/assets/combo-entry-button-insensitive.png diff --git a/gtk-2.0/assets/combo-entry-button-rtl.png b/common/gtk-2.0/assets/combo-entry-button-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-button-rtl.png rename to common/gtk-2.0/assets/combo-entry-button-rtl.png diff --git a/gtk-2.0/assets/combo-entry-button.png b/common/gtk-2.0/assets/combo-entry-button.png similarity index 100% rename from gtk-2.0/assets/combo-entry-button.png rename to common/gtk-2.0/assets/combo-entry-button.png diff --git a/gtk-2.0/assets/combo-entry-focus-notebook-rtl.png b/common/gtk-2.0/assets/combo-entry-focus-notebook-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-focus-notebook-rtl.png rename to common/gtk-2.0/assets/combo-entry-focus-notebook-rtl.png diff --git a/gtk-2.0/assets/combo-entry-focus-notebook.png b/common/gtk-2.0/assets/combo-entry-focus-notebook.png similarity index 100% rename from gtk-2.0/assets/combo-entry-focus-notebook.png rename to common/gtk-2.0/assets/combo-entry-focus-notebook.png diff --git a/gtk-2.0/assets/combo-entry-focus-rtl.png b/common/gtk-2.0/assets/combo-entry-focus-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-focus-rtl.png rename to common/gtk-2.0/assets/combo-entry-focus-rtl.png diff --git a/gtk-2.0/assets/combo-entry-focus.png b/common/gtk-2.0/assets/combo-entry-focus.png similarity index 100% rename from gtk-2.0/assets/combo-entry-focus.png rename to common/gtk-2.0/assets/combo-entry-focus.png diff --git a/gtk-2.0/assets/combo-entry-insensitive-notebook-rtl.png b/common/gtk-2.0/assets/combo-entry-insensitive-notebook-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-insensitive-notebook-rtl.png rename to common/gtk-2.0/assets/combo-entry-insensitive-notebook-rtl.png diff --git a/gtk-2.0/assets/combo-entry-insensitive-notebook.png b/common/gtk-2.0/assets/combo-entry-insensitive-notebook.png similarity index 100% rename from gtk-2.0/assets/combo-entry-insensitive-notebook.png rename to common/gtk-2.0/assets/combo-entry-insensitive-notebook.png diff --git a/gtk-2.0/assets/combo-entry-insensitive-rtl.png b/common/gtk-2.0/assets/combo-entry-insensitive-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-insensitive-rtl.png rename to common/gtk-2.0/assets/combo-entry-insensitive-rtl.png diff --git a/gtk-2.0/assets/combo-entry-insensitive.png b/common/gtk-2.0/assets/combo-entry-insensitive.png similarity index 100% rename from gtk-2.0/assets/combo-entry-insensitive.png rename to common/gtk-2.0/assets/combo-entry-insensitive.png diff --git a/gtk-2.0/assets/combo-entry-notebook-rtl.png b/common/gtk-2.0/assets/combo-entry-notebook-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-notebook-rtl.png rename to common/gtk-2.0/assets/combo-entry-notebook-rtl.png diff --git a/gtk-2.0/assets/combo-entry-notebook.png b/common/gtk-2.0/assets/combo-entry-notebook.png similarity index 100% rename from gtk-2.0/assets/combo-entry-notebook.png rename to common/gtk-2.0/assets/combo-entry-notebook.png diff --git a/gtk-2.0/assets/combo-entry-rtl.png b/common/gtk-2.0/assets/combo-entry-rtl.png similarity index 100% rename from gtk-2.0/assets/combo-entry-rtl.png rename to common/gtk-2.0/assets/combo-entry-rtl.png diff --git a/gtk-2.0/assets/combo-entry.png b/common/gtk-2.0/assets/combo-entry.png similarity index 100% rename from gtk-2.0/assets/combo-entry.png rename to common/gtk-2.0/assets/combo-entry.png diff --git a/gtk-2.0/assets/down-background-disable-rtl.png b/common/gtk-2.0/assets/down-background-disable-rtl.png similarity index 100% rename from gtk-2.0/assets/down-background-disable-rtl.png rename to common/gtk-2.0/assets/down-background-disable-rtl.png diff --git a/gtk-2.0/assets/down-background-disable.png b/common/gtk-2.0/assets/down-background-disable.png similarity index 100% rename from gtk-2.0/assets/down-background-disable.png rename to common/gtk-2.0/assets/down-background-disable.png diff --git a/gtk-2.0/assets/down-background-rtl.png b/common/gtk-2.0/assets/down-background-rtl.png similarity index 100% rename from gtk-2.0/assets/down-background-rtl.png rename to common/gtk-2.0/assets/down-background-rtl.png diff --git a/gtk-2.0/assets/down-background.png b/common/gtk-2.0/assets/down-background.png similarity index 100% rename from gtk-2.0/assets/down-background.png rename to common/gtk-2.0/assets/down-background.png diff --git a/gtk-2.0/assets/entry-border-fill.png b/common/gtk-2.0/assets/entry-border-fill.png similarity index 100% rename from gtk-2.0/assets/entry-border-fill.png rename to common/gtk-2.0/assets/entry-border-fill.png diff --git a/gtk-2.0/assets/entry-focus-notebook.png b/common/gtk-2.0/assets/entry-focus-notebook.png similarity index 100% rename from gtk-2.0/assets/entry-focus-notebook.png rename to common/gtk-2.0/assets/entry-focus-notebook.png diff --git a/gtk-2.0/assets/entry-focus-toolbar.png b/common/gtk-2.0/assets/entry-focus-toolbar.png similarity index 100% rename from gtk-2.0/assets/entry-focus-toolbar.png rename to common/gtk-2.0/assets/entry-focus-toolbar.png diff --git a/gtk-2.0/assets/entry-focus.png b/common/gtk-2.0/assets/entry-focus.png similarity index 100% rename from gtk-2.0/assets/entry-focus.png rename to common/gtk-2.0/assets/entry-focus.png diff --git a/gtk-2.0/assets/entry-insensitive-notebook.png b/common/gtk-2.0/assets/entry-insensitive-notebook.png similarity index 100% rename from gtk-2.0/assets/entry-insensitive-notebook.png rename to common/gtk-2.0/assets/entry-insensitive-notebook.png diff --git a/gtk-2.0/assets/entry-insensitive-toolbar.png b/common/gtk-2.0/assets/entry-insensitive-toolbar.png similarity index 100% rename from gtk-2.0/assets/entry-insensitive-toolbar.png rename to common/gtk-2.0/assets/entry-insensitive-toolbar.png diff --git a/gtk-2.0/assets/entry-insensitive.png b/common/gtk-2.0/assets/entry-insensitive.png similarity index 100% rename from gtk-2.0/assets/entry-insensitive.png rename to common/gtk-2.0/assets/entry-insensitive.png diff --git a/gtk-2.0/assets/entry-notebook.png b/common/gtk-2.0/assets/entry-notebook.png similarity index 100% rename from gtk-2.0/assets/entry-notebook.png rename to common/gtk-2.0/assets/entry-notebook.png diff --git a/gtk-2.0/assets/entry-toolbar.png b/common/gtk-2.0/assets/entry-toolbar.png similarity index 100% rename from gtk-2.0/assets/entry-toolbar.png rename to common/gtk-2.0/assets/entry-toolbar.png diff --git a/gtk-2.0/assets/entry.png b/common/gtk-2.0/assets/entry.png similarity index 100% rename from gtk-2.0/assets/entry.png rename to common/gtk-2.0/assets/entry.png diff --git a/gtk-2.0/assets/frame-gap-end.png b/common/gtk-2.0/assets/frame-gap-end.png similarity index 100% rename from gtk-2.0/assets/frame-gap-end.png rename to common/gtk-2.0/assets/frame-gap-end.png diff --git a/gtk-2.0/assets/frame-gap-start.png b/common/gtk-2.0/assets/frame-gap-start.png similarity index 100% rename from gtk-2.0/assets/frame-gap-start.png rename to common/gtk-2.0/assets/frame-gap-start.png diff --git a/gtk-2.0/assets/frame.png b/common/gtk-2.0/assets/frame.png similarity index 100% rename from gtk-2.0/assets/frame.png rename to common/gtk-2.0/assets/frame.png diff --git a/gtk-2.0/assets/handle-h.png b/common/gtk-2.0/assets/handle-h.png similarity index 100% rename from gtk-2.0/assets/handle-h.png rename to common/gtk-2.0/assets/handle-h.png diff --git a/gtk-2.0/assets/handle-v.png b/common/gtk-2.0/assets/handle-v.png similarity index 100% rename from gtk-2.0/assets/handle-v.png rename to common/gtk-2.0/assets/handle-v.png diff --git a/gtk-2.0/assets/inline-toolbar.png b/common/gtk-2.0/assets/inline-toolbar.png similarity index 100% rename from gtk-2.0/assets/inline-toolbar.png rename to common/gtk-2.0/assets/inline-toolbar.png diff --git a/gtk-2.0/assets/line-h.png b/common/gtk-2.0/assets/line-h.png similarity index 100% rename from gtk-2.0/assets/line-h.png rename to common/gtk-2.0/assets/line-h.png diff --git a/gtk-2.0/assets/line-v.png b/common/gtk-2.0/assets/line-v.png similarity index 100% rename from gtk-2.0/assets/line-v.png rename to common/gtk-2.0/assets/line-v.png diff --git a/gtk-2.0/assets/menu-arrow-prelight.png b/common/gtk-2.0/assets/menu-arrow-prelight.png similarity index 100% rename from gtk-2.0/assets/menu-arrow-prelight.png rename to common/gtk-2.0/assets/menu-arrow-prelight.png diff --git a/gtk-2.0/assets/menu-arrow.png b/common/gtk-2.0/assets/menu-arrow.png similarity index 100% rename from gtk-2.0/assets/menu-arrow.png rename to common/gtk-2.0/assets/menu-arrow.png diff --git a/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/common/gtk-2.0/assets/menu-checkbox-checked-insensitive.png similarity index 100% rename from gtk-2.0/assets/menu-checkbox-checked-insensitive.png rename to common/gtk-2.0/assets/menu-checkbox-checked-insensitive.png diff --git a/gtk-2.0/assets/menu-checkbox-checked.png b/common/gtk-2.0/assets/menu-checkbox-checked.png similarity index 100% rename from gtk-2.0/assets/menu-checkbox-checked.png rename to common/gtk-2.0/assets/menu-checkbox-checked.png diff --git a/gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png b/common/gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png similarity index 100% rename from gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png rename to common/gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png diff --git a/gtk-2.0/assets/menu-checkbox-unchecked.png b/common/gtk-2.0/assets/menu-checkbox-unchecked.png similarity index 100% rename from gtk-2.0/assets/menu-checkbox-unchecked.png rename to common/gtk-2.0/assets/menu-checkbox-unchecked.png diff --git a/gtk-2.0/assets/menu-radio-checked-insensitive.png b/common/gtk-2.0/assets/menu-radio-checked-insensitive.png similarity index 100% rename from gtk-2.0/assets/menu-radio-checked-insensitive.png rename to common/gtk-2.0/assets/menu-radio-checked-insensitive.png diff --git a/gtk-2.0/assets/menu-radio-checked.png b/common/gtk-2.0/assets/menu-radio-checked.png similarity index 100% rename from gtk-2.0/assets/menu-radio-checked.png rename to common/gtk-2.0/assets/menu-radio-checked.png diff --git a/gtk-2.0/assets/menu-radio-unchecked-insensitive.png b/common/gtk-2.0/assets/menu-radio-unchecked-insensitive.png similarity index 100% rename from gtk-2.0/assets/menu-radio-unchecked-insensitive.png rename to common/gtk-2.0/assets/menu-radio-unchecked-insensitive.png diff --git a/gtk-2.0/assets/menu-radio-unchecked.png b/common/gtk-2.0/assets/menu-radio-unchecked.png similarity index 100% rename from gtk-2.0/assets/menu-radio-unchecked.png rename to common/gtk-2.0/assets/menu-radio-unchecked.png diff --git a/gtk-2.0/assets/menu_line_h.png b/common/gtk-2.0/assets/menu_line_h.png similarity index 100% rename from gtk-2.0/assets/menu_line_h.png rename to common/gtk-2.0/assets/menu_line_h.png diff --git a/gtk-2.0/assets/menubar_button.png b/common/gtk-2.0/assets/menubar_button.png similarity index 100% rename from gtk-2.0/assets/menubar_button.png rename to common/gtk-2.0/assets/menubar_button.png diff --git a/gtk-2.0/assets/menuitem.png b/common/gtk-2.0/assets/menuitem.png similarity index 100% rename from gtk-2.0/assets/menuitem.png rename to common/gtk-2.0/assets/menuitem.png diff --git a/gtk-2.0/assets/minus.png b/common/gtk-2.0/assets/minus.png similarity index 100% rename from gtk-2.0/assets/minus.png rename to common/gtk-2.0/assets/minus.png diff --git a/gtk-2.0/assets/notebook-gap-horiz.png b/common/gtk-2.0/assets/notebook-gap-horiz.png similarity index 100% rename from gtk-2.0/assets/notebook-gap-horiz.png rename to common/gtk-2.0/assets/notebook-gap-horiz.png diff --git a/gtk-2.0/assets/notebook-gap-vert.png b/common/gtk-2.0/assets/notebook-gap-vert.png similarity index 100% rename from gtk-2.0/assets/notebook-gap-vert.png rename to common/gtk-2.0/assets/notebook-gap-vert.png diff --git a/gtk-2.0/assets/notebook.png b/common/gtk-2.0/assets/notebook.png similarity index 100% rename from gtk-2.0/assets/notebook.png rename to common/gtk-2.0/assets/notebook.png diff --git a/gtk-2.0/assets/null.png b/common/gtk-2.0/assets/null.png similarity index 100% rename from gtk-2.0/assets/null.png rename to common/gtk-2.0/assets/null.png diff --git a/gtk-2.0/assets/plus.png b/common/gtk-2.0/assets/plus.png similarity index 100% rename from gtk-2.0/assets/plus.png rename to common/gtk-2.0/assets/plus.png diff --git a/gtk-2.0/assets/progressbar.png b/common/gtk-2.0/assets/progressbar.png similarity index 100% rename from gtk-2.0/assets/progressbar.png rename to common/gtk-2.0/assets/progressbar.png diff --git a/gtk-2.0/assets/progressbar_v.png b/common/gtk-2.0/assets/progressbar_v.png similarity index 100% rename from gtk-2.0/assets/progressbar_v.png rename to common/gtk-2.0/assets/progressbar_v.png diff --git a/gtk-2.0/assets/radio-checked-insensitive.png b/common/gtk-2.0/assets/radio-checked-insensitive.png similarity index 100% rename from gtk-2.0/assets/radio-checked-insensitive.png rename to common/gtk-2.0/assets/radio-checked-insensitive.png diff --git a/gtk-2.0/assets/radio-checked.png b/common/gtk-2.0/assets/radio-checked.png similarity index 100% rename from gtk-2.0/assets/radio-checked.png rename to common/gtk-2.0/assets/radio-checked.png diff --git a/gtk-2.0/assets/radio-unchecked-insensitive.png b/common/gtk-2.0/assets/radio-unchecked-insensitive.png similarity index 100% rename from gtk-2.0/assets/radio-unchecked-insensitive.png rename to common/gtk-2.0/assets/radio-unchecked-insensitive.png diff --git a/gtk-2.0/assets/radio-unchecked.png b/common/gtk-2.0/assets/radio-unchecked.png similarity index 100% rename from gtk-2.0/assets/radio-unchecked.png rename to common/gtk-2.0/assets/radio-unchecked.png diff --git a/gtk-2.0/assets/slider-horiz-active.png b/common/gtk-2.0/assets/slider-horiz-active.png similarity index 100% rename from gtk-2.0/assets/slider-horiz-active.png rename to common/gtk-2.0/assets/slider-horiz-active.png diff --git a/gtk-2.0/assets/slider-horiz-insens.png b/common/gtk-2.0/assets/slider-horiz-insens.png similarity index 100% rename from gtk-2.0/assets/slider-horiz-insens.png rename to common/gtk-2.0/assets/slider-horiz-insens.png diff --git a/gtk-2.0/assets/slider-horiz-prelight.png b/common/gtk-2.0/assets/slider-horiz-prelight.png similarity index 100% rename from gtk-2.0/assets/slider-horiz-prelight.png rename to common/gtk-2.0/assets/slider-horiz-prelight.png diff --git a/gtk-2.0/assets/slider-horiz.png b/common/gtk-2.0/assets/slider-horiz.png similarity index 100% rename from gtk-2.0/assets/slider-horiz.png rename to common/gtk-2.0/assets/slider-horiz.png diff --git a/gtk-2.0/assets/slider-insensitive.png b/common/gtk-2.0/assets/slider-insensitive.png similarity index 100% rename from gtk-2.0/assets/slider-insensitive.png rename to common/gtk-2.0/assets/slider-insensitive.png diff --git a/gtk-2.0/assets/slider-prelight.png b/common/gtk-2.0/assets/slider-prelight.png similarity index 100% rename from gtk-2.0/assets/slider-prelight.png rename to common/gtk-2.0/assets/slider-prelight.png diff --git a/gtk-2.0/assets/slider-vert-active.png b/common/gtk-2.0/assets/slider-vert-active.png similarity index 100% rename from gtk-2.0/assets/slider-vert-active.png rename to common/gtk-2.0/assets/slider-vert-active.png diff --git a/gtk-2.0/assets/slider-vert-insens.png b/common/gtk-2.0/assets/slider-vert-insens.png similarity index 100% rename from gtk-2.0/assets/slider-vert-insens.png rename to common/gtk-2.0/assets/slider-vert-insens.png diff --git a/gtk-2.0/assets/slider-vert-prelight.png b/common/gtk-2.0/assets/slider-vert-prelight.png similarity index 100% rename from gtk-2.0/assets/slider-vert-prelight.png rename to common/gtk-2.0/assets/slider-vert-prelight.png diff --git a/gtk-2.0/assets/slider-vert.png b/common/gtk-2.0/assets/slider-vert.png similarity index 100% rename from gtk-2.0/assets/slider-vert.png rename to common/gtk-2.0/assets/slider-vert.png diff --git a/gtk-2.0/assets/slider.png b/common/gtk-2.0/assets/slider.png similarity index 100% rename from gtk-2.0/assets/slider.png rename to common/gtk-2.0/assets/slider.png diff --git a/gtk-2.0/assets/tab-bottom-active.png b/common/gtk-2.0/assets/tab-bottom-active.png similarity index 100% rename from gtk-2.0/assets/tab-bottom-active.png rename to common/gtk-2.0/assets/tab-bottom-active.png diff --git a/gtk-2.0/assets/tab-left-active.png b/common/gtk-2.0/assets/tab-left-active.png similarity index 100% rename from gtk-2.0/assets/tab-left-active.png rename to common/gtk-2.0/assets/tab-left-active.png diff --git a/gtk-2.0/assets/tab-right-active.png b/common/gtk-2.0/assets/tab-right-active.png similarity index 100% rename from gtk-2.0/assets/tab-right-active.png rename to common/gtk-2.0/assets/tab-right-active.png diff --git a/gtk-2.0/assets/tab-top-active.png b/common/gtk-2.0/assets/tab-top-active.png similarity index 100% rename from gtk-2.0/assets/tab-top-active.png rename to common/gtk-2.0/assets/tab-top-active.png diff --git a/gtk-2.0/assets/toolbar.png b/common/gtk-2.0/assets/toolbar.png similarity index 100% rename from gtk-2.0/assets/toolbar.png rename to common/gtk-2.0/assets/toolbar.png diff --git a/gtk-2.0/assets/tree_header.png b/common/gtk-2.0/assets/tree_header.png similarity index 100% rename from gtk-2.0/assets/tree_header.png rename to common/gtk-2.0/assets/tree_header.png diff --git a/gtk-2.0/assets/trough-horizontal.png b/common/gtk-2.0/assets/trough-horizontal.png similarity index 100% rename from gtk-2.0/assets/trough-horizontal.png rename to common/gtk-2.0/assets/trough-horizontal.png diff --git a/gtk-2.0/assets/trough-progressbar.png b/common/gtk-2.0/assets/trough-progressbar.png similarity index 100% rename from gtk-2.0/assets/trough-progressbar.png rename to common/gtk-2.0/assets/trough-progressbar.png diff --git a/gtk-2.0/assets/trough-progressbar_v.png b/common/gtk-2.0/assets/trough-progressbar_v.png similarity index 100% rename from gtk-2.0/assets/trough-progressbar_v.png rename to common/gtk-2.0/assets/trough-progressbar_v.png diff --git a/gtk-2.0/assets/trough-scrollbar.png b/common/gtk-2.0/assets/trough-scrollbar.png similarity index 100% rename from gtk-2.0/assets/trough-scrollbar.png rename to common/gtk-2.0/assets/trough-scrollbar.png diff --git a/gtk-2.0/assets/trough-vertical.png b/common/gtk-2.0/assets/trough-vertical.png similarity index 100% rename from gtk-2.0/assets/trough-vertical.png rename to common/gtk-2.0/assets/trough-vertical.png diff --git a/gtk-2.0/assets/up-background-disable-rtl.png b/common/gtk-2.0/assets/up-background-disable-rtl.png similarity index 100% rename from gtk-2.0/assets/up-background-disable-rtl.png rename to common/gtk-2.0/assets/up-background-disable-rtl.png diff --git a/gtk-2.0/assets/up-background-disable.png b/common/gtk-2.0/assets/up-background-disable.png similarity index 100% rename from gtk-2.0/assets/up-background-disable.png rename to common/gtk-2.0/assets/up-background-disable.png diff --git a/gtk-2.0/assets/up-background-rtl.png b/common/gtk-2.0/assets/up-background-rtl.png similarity index 100% rename from gtk-2.0/assets/up-background-rtl.png rename to common/gtk-2.0/assets/up-background-rtl.png diff --git a/gtk-2.0/assets/up-background.png b/common/gtk-2.0/assets/up-background.png similarity index 100% rename from gtk-2.0/assets/up-background.png rename to common/gtk-2.0/assets/up-background.png diff --git a/gtk-2.0/gtkrc b/common/gtk-2.0/gtkrc similarity index 100% rename from gtk-2.0/gtkrc rename to common/gtk-2.0/gtkrc diff --git a/gtk-2.0/panel.rc b/common/gtk-2.0/panel.rc similarity index 100% rename from gtk-2.0/panel.rc rename to common/gtk-2.0/panel.rc diff --git a/gtk-2.0/render-assets.sh b/common/gtk-2.0/render-assets.sh similarity index 100% rename from gtk-2.0/render-assets.sh rename to common/gtk-2.0/render-assets.sh diff --git a/gtk-3.0/Gemfile b/common/gtk-3.0/3.14/Gemfile similarity index 100% rename from gtk-3.0/Gemfile rename to common/gtk-3.0/3.14/Gemfile diff --git a/gtk-3.0/Gemfile.lock b/common/gtk-3.0/3.14/Gemfile.lock similarity index 100% rename from gtk-3.0/Gemfile.lock rename to common/gtk-3.0/3.14/Gemfile.lock diff --git a/gtk-3.0/README b/common/gtk-3.0/3.14/README similarity index 100% rename from gtk-3.0/README rename to common/gtk-3.0/3.14/README diff --git a/common/gtk-3.0/3.14/_applications.scss b/common/gtk-3.0/3.14/_applications.scss new file mode 100644 index 0000000..5e2fdf6 --- /dev/null +++ b/common/gtk-3.0/3.14/_applications.scss @@ -0,0 +1,658 @@ +// +// 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; + } + + .notebook tab.reorderable-page, + .notebook tab.reorderable-page:hover { + padding-top: 4px; + padding-bottom: 4px; + } + + .notebook { + + &.header.top { + box-shadow: inset 0 1px darken(opacify($header_bg, 1), 7%), + inset 0 -1px lighten($borders_color, 5%); + } + + tab { + .active-page GtkLabel { + color: $header_fg; + + &:backdrop { color: transparentize($header_fg, 0.3); } + } + + &.reorderable-page.top:hover { + border-bottom-color: darken(opacify($header_bg, 1), 7%); + } + + &.reorderable-page.top:active, + &.reorderable-page.top:active:hover { + background-color: opacify($header_bg, 1); + border-color: darken(opacify($header_bg, 1), 7%); + + &:backdrop { background-color: lighten($header_bg, 3%); } + } + } + } + + .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; + + &: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; +} + + +// +// 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: darken($header_bg, 7%); } + +.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) { + border-color: transparentize($header_fg, 0.7); + background-color: transparentize($button_bg, 0.1); + + &:hover { + border-color: $selected_bg_color; + } + &:active, &:checked { + color: $selected_fg_color; + background-color: $selected_bg_color; + border-color: $selected_bg_color; + } + } + + > 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; +} + +// +// 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 { + 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 rgba(0, 0, 0, 0.35); + 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 + +// +// Pantheon Terminal +// +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; + + .titlebar { background-color: $header_bg; } + + .notebook { + + &.header.top { + box-shadow: inset 0 1px darken(opacify($header_bg, 1), 7%), + inset 0 -1px lighten($borders_color, 5%); + } + } +} + +// +// Switchboard +// +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: $fg_color; +} diff --git a/gtk-3.0/_colors-public.scss b/common/gtk-3.0/3.14/_colors-public.scss similarity index 100% rename from gtk-3.0/_colors-public.scss rename to common/gtk-3.0/3.14/_colors-public.scss diff --git a/gtk-3.0/_colors.scss b/common/gtk-3.0/3.14/_colors.scss similarity index 100% rename from gtk-3.0/_colors.scss rename to common/gtk-3.0/3.14/_colors.scss diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/_common.scss new file mode 100644 index 0000000..f13e097 --- /dev/null +++ b/common/gtk-3.0/3.14/_common.scss @@ -0,0 +1,2659 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + +* { + 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 { @include entry(focus); } + + &:insensitive { @include entry(insensitive); } + + &:selected, + &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &.progressbar { + margin: 2px; + 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 { + @include button(active); + transition-duration: 50ms; + } + &.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} { + color: $selected_fg_color; + border-color: $b_color; + background-color: $b_color; + + &.flat { + @include button(undecorated); + color: $b_color; + } + &:hover { + color: $selected_fg_color; + border-color: lighten($b_color, 9%); + background-color: lighten($b_color, 9%); + } + &:active, &:checked { + color: $selected_fg_color; + border-color: darken($b_color, 7%); + background-color: darken($b_color, 7%); + } + &.flat:insensitive { + + } + &:insensitive { + color: transparentize($selected_fg_color, 0.4); + border-color: transparentize($b_color, 0.35); + background-color: transparentize($b_color, 0.35); + + &:active, &:checked { + + } + } + } + } + + &.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; + background-position: right 3px, right 4px; + + &:dir(rtl) { + background-position: left 3px, left 4px; + } + } + + //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: lighten(opacify($header_bg, 1), 3%); } + + .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: darken($header_bg, 7%); + + 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: lighten(opacify($header_bg, 1), 3%); + + .csd & { background-color: lighten($header_bg, 3%); } // Transparent header-bars only in csd windows + } + + .title { + padding: 0px 12px; + } + + .subtitle { + font-size: smaller; + padding: 0 12px; + @extend .dim-label; + } + + // Selectionmode + &.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: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize(black, 0.8); + border-color: transparentize(black, 0.8); + } + &: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($selected_fg_color, 0.6); + background-color: transparentize(black, 0.85); + border-color: transparentize(black, 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(lighten($header_bg, 3%), 1); } + } +} + +.titlebar { + padding-left: 7px; + padding-right: 7px; + border-radius: 4px 4px 0 0; + color: $header_fg; + box-shadow: inset 0 1px lighten($header_bg, 3%); + + &:backdrop { color: transparentize($header_fg, 0.3); } +} + +// 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); + background-clip: border-box; + + &.image { color: $selected_fg_color; } + } + &:insensitive { @include entry(header-insensitive); } + + &:selected:focus { + background-color: $selected_fg_color; + color: $selected_bg_color; + } + } + + // 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} { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $b_color; + background-color: $b_color; + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($b_color, 9%); + background-color: lighten($b_color, 9%); + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($b_color, 7%); + background-color: darken($b_color, 7%); + } + &.flat:insensitive { + color: transparentize($b_color, 0.55); + } + &:insensitive { + color: transparentize($selected_fg_color, 0.4); + border-color: transparentize($b_color, 0.35); + background-color: transparentize($b_color, 0.35); + + &:active, &:checked { + + } + } + } + .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, mix($base_color, $header_bg, 90%)); + + &:insensitive { background-image: linear-gradient(to bottom, mix($base_color, $header_bg, 40%)); } + } + } +} + +/************ + * 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 + 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(black, 1) 20%, + transparentize(black, 0.89) 20%, + transparentize(black, 0.89) 80%, + transparentize(black, 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: lighten(opacify($header_bg, 1), 3%); } + + & > .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: transparentize(black, 0.96); + border: solid transparentize(black, 0.92); + 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 transparentize(black, 0.93); + + & .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: darken($base_color, 0.5%); + -GtkNotebook-initial-gap: 10; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: -8; + -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: $base_color; + + // this is the shading of the header behind the tabs + &.frame { + border: 1px 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: lighten($borders_color, 5%); + &.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; + + //vertical tab sizing + $vt_vpadding: 5px; + $vt_hpadding: 20px; + // horizontal tab sizing + $ht_vpadding: 5px; + $ht_hpadding: 20px; + + //FIXME: we get double border in some cases, not considering the broken + //notebook content frame... + &.top, &.bottom { padding: $vt_vpadding $vt_hpadding; } + &.left, &.right { padding: $ht_vpadding $ht_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} { + border-color: transparent; + &:hover, &.prelight-page { + border-color: transparentize($borders_color, 0.5); + border-width: 1px; + border-#{$_tab}-width: 0; + background-color: transparentize($bg_color,0.8); + } + &:active, &.active-page, &.active-page:hover { + border-width: 1px; + border-#{$_tab}-width: 0; + border-color: $borders_color; + background-color: transparentize(black, 0.98); + &:hover { background-color: transparentize(black, 0.98); } + } + } + } + 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; + + &.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 ('',''), ('.header-bar ','-header'), ('.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}#{$j}.png"),url("assets/switch#{$l}#{$j}@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}.png"),url("assets/switch-slider#{$l}#{$j}@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}.png"), + url("assets/#{$a}#{$as}@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}.png"), + url("assets/checkbox#{$as}@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, $base_color); + 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($base_color, $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 { + border: none; + border-radius: 2.5px; + background-image: linear-gradient(to bottom, $button_border); + &.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($button_border, 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: $button_border; + + &.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: transparentize(black, 0.95); + } + &: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 { + padding: 10px; + border-radius: 0 0 2.5px 2.5px; + border-width: 0 1px 1px; + border-style: solid; + border-color: rgba(0,0,0,0.2); + background-color: $base_color; + + background-clip: padding-box; +} + +/************* + * 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 { + 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, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize(black, 0.8); + border-color: transparentize($selected_fg_color, 0.2); + } + &: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_fg_color, 0.6); + background-color: transparentize(black, 0.9); + 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: 4px 4px 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: transparentize(black, 0.9); + $_wm_border_backdrop: transparentize(black, 0.9); + + box-shadow: 0 0 0 1px $_wm_border, 0 4px 8px 1px $_wm_border; + + /* this is used for the resize cursor area */ + margin: 10px; + + &:backdrop { + box-shadow: 0 0 0 1px $_wm_border, 0 4px 5px 2px $_wm_border_backdrop; + } + &.tiled { + border-radius: 0; + } + &.csd { + &.popup, &.menu { + border-radius: 3px; + box-shadow: 0 3px 6px $_wm_border, + 0 0 0 1px $_wm_border; + } + &.tooltip { + border-radius: 2px; + box-shadow: 0 1px 3px 1px $_wm_border; + } + &.message-dialog { + border-radius: 3px; + box-shadow: 0 1px 6px $_wm_border; + } + } +} + +// +// 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.png'),url('assets/titlebutton-min@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover.png'),url('assets/titlebutton-min-hover@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-active.png'),url('assets/titlebutton-min-active@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop.png'),url('assets/titlebutton-min-backdrop@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.png'),url('assets/titlebutton-max@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover.png'),url('assets/titlebutton-max-hover@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-active.png'),url('assets/titlebutton-max-active@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop.png'),url('assets/titlebutton-max-backdrop@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.png'),url('assets/titlebutton-close@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover.png'),url('assets/titlebutton-close-hover@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-active.png'),url('assets/titlebutton-close-active@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop.png'),url('assets/titlebutton-close-backdrop@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/gtk-3.0/_drawing.scss b/common/gtk-3.0/3.14/_drawing.scss similarity index 100% rename from gtk-3.0/_drawing.scss rename to common/gtk-3.0/3.14/_drawing.scss diff --git a/gtk-3.0/_granite.scss b/common/gtk-3.0/3.14/_granite.scss similarity index 100% rename from gtk-3.0/_granite.scss rename to common/gtk-3.0/3.14/_granite.scss diff --git a/common/gtk-3.0/3.14/_transparent_widgets.scss b/common/gtk-3.0/3.14/_transparent_widgets.scss new file mode 100644 index 0000000..b2a86b5 --- /dev/null +++ b/common/gtk-3.0/3.14/_transparent_widgets.scss @@ -0,0 +1,214 @@ +.titlebar .separator { + color: darken($header_bg, 7%); //fixes separator in gnome-tweak-tool +} + +GtkFileChooserDialog .dialog-action-box { background-color: $bg_color } // fix for non gnome environments + +NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +GtkFileChooserDialog *, +NautilusWindow *, +NemoWindow { + -GtkPaned-handle-size: 0; +} + +// Dark transparent sidebars +GtkFileChooserDialog, +NautilusWindow, +NemoWindow, +MarlinViewWindow { + + &.background, + .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } + + GtkBox.sidebar { background-color: transparent; } + + .sidebar, .source-list.sidebar.view { + background-color: $dark_sidebar_bg; + + .view { + background-color: transparent; + color: $dark_sidebar_fg; + + &.image { color: transparentize($dark_sidebar_fg, 0.4); } + } + + .view.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; } +} + +// Yeah, this is ugly, but prevents a transparent background in the image preview box +GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: $bg_color; } + +// Gedit sidebar +GeditWindow.background { + background-color: transparent; + + .pane-separator, + .pane-separator:hover { background-color: $dark_sidebar_border; } + + .titlebar .pane-separator { background-color: darken($header_bg, 7%); } +} + +.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; + } +} + +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 { + @include button(undecorated); + color: $dark_sidebar_fg; + border: 1px solid transparent; + + &:hover { border: 1px solid $selected_bg_color; } + &:active, &:checked { @include button(active); } + &:insensitive { color: transparentize($dark_sidebar_fg, 0.6); } + } + GtkComboBox { color: $dark_sidebar_fg; } + } +} + +GeditFileBrowserView.view { + + background-color: transparent; + color: $dark_sidebar_fg; + + &.expander { + color: $dark_sidebar_fg; + &:hover { color: $selected_bg_color; } + } +} + +// Filechooser bottom bar +GtkFileChooserDialog .action-bar.frame { + background-color: darken($dark_sidebar_bg, 2%); + border-color: darken($dark_sidebar_bg, 7%); + + GtkLabel { color: $dark_sidebar_fg; } + + .button { + @include button(undecorated); + + &:hover { border: 1px solid $selected_bg_color; } + &:active, &:checked { + border: 1px solid $selected_bg_color; + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:insensitive { color: transparentize($dark_sidebar_fg, 0.6); } + } + + GtkComboBox { color: $dark_sidebar_fg; } +} diff --git a/gtk-3.0/_unity.scss b/common/gtk-3.0/3.14/_unity.scss similarity index 100% rename from gtk-3.0/_unity.scss rename to common/gtk-3.0/3.14/_unity.scss diff --git a/gtk-3.0/assets.svg b/common/gtk-3.0/3.14/assets.svg similarity index 100% rename from gtk-3.0/assets.svg rename to common/gtk-3.0/3.14/assets.svg diff --git a/gtk-3.0/assets.txt b/common/gtk-3.0/3.14/assets.txt similarity index 100% rename from gtk-3.0/assets.txt rename to common/gtk-3.0/3.14/assets.txt diff --git a/gtk-3.0/assets/checkbox-checked-insensitive-selected.png b/common/gtk-3.0/3.14/assets/checkbox-checked-insensitive-selected.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked-insensitive-selected.png rename to common/gtk-3.0/3.14/assets/checkbox-checked-insensitive-selected.png diff --git a/gtk-3.0/assets/checkbox-checked-insensitive-selected@2.png b/common/gtk-3.0/3.14/assets/checkbox-checked-insensitive-selected@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked-insensitive-selected@2.png rename to common/gtk-3.0/3.14/assets/checkbox-checked-insensitive-selected@2.png diff --git a/gtk-3.0/assets/checkbox-checked-insensitive.png b/common/gtk-3.0/3.14/assets/checkbox-checked-insensitive.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked-insensitive.png rename to common/gtk-3.0/3.14/assets/checkbox-checked-insensitive.png diff --git a/gtk-3.0/assets/checkbox-checked-insensitive@2.png b/common/gtk-3.0/3.14/assets/checkbox-checked-insensitive@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked-insensitive@2.png rename to common/gtk-3.0/3.14/assets/checkbox-checked-insensitive@2.png diff --git a/gtk-3.0/assets/checkbox-checked-selected.png b/common/gtk-3.0/3.14/assets/checkbox-checked-selected.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked-selected.png rename to common/gtk-3.0/3.14/assets/checkbox-checked-selected.png diff --git a/gtk-3.0/assets/checkbox-checked-selected@2.png b/common/gtk-3.0/3.14/assets/checkbox-checked-selected@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked-selected@2.png rename to common/gtk-3.0/3.14/assets/checkbox-checked-selected@2.png diff --git a/gtk-3.0/assets/checkbox-checked-selectionmode.png b/common/gtk-3.0/3.14/assets/checkbox-checked-selectionmode.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked-selectionmode.png rename to common/gtk-3.0/3.14/assets/checkbox-checked-selectionmode.png diff --git a/gtk-3.0/assets/checkbox-checked-selectionmode@2.png b/common/gtk-3.0/3.14/assets/checkbox-checked-selectionmode@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked-selectionmode@2.png rename to common/gtk-3.0/3.14/assets/checkbox-checked-selectionmode@2.png diff --git a/gtk-3.0/assets/checkbox-checked.png b/common/gtk-3.0/3.14/assets/checkbox-checked.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked.png rename to common/gtk-3.0/3.14/assets/checkbox-checked.png diff --git a/gtk-3.0/assets/checkbox-checked@2.png b/common/gtk-3.0/3.14/assets/checkbox-checked@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-checked@2.png rename to common/gtk-3.0/3.14/assets/checkbox-checked@2.png diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive-selected.png b/common/gtk-3.0/3.14/assets/checkbox-mixed-insensitive-selected.png similarity index 100% rename from gtk-3.0/assets/checkbox-mixed-insensitive-selected.png rename to common/gtk-3.0/3.14/assets/checkbox-mixed-insensitive-selected.png diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive-selected@2.png b/common/gtk-3.0/3.14/assets/checkbox-mixed-insensitive-selected@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-mixed-insensitive-selected@2.png rename to common/gtk-3.0/3.14/assets/checkbox-mixed-insensitive-selected@2.png diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive.png b/common/gtk-3.0/3.14/assets/checkbox-mixed-insensitive.png similarity index 100% rename from gtk-3.0/assets/checkbox-mixed-insensitive.png rename to common/gtk-3.0/3.14/assets/checkbox-mixed-insensitive.png diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive@2.png b/common/gtk-3.0/3.14/assets/checkbox-mixed-insensitive@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-mixed-insensitive@2.png rename to common/gtk-3.0/3.14/assets/checkbox-mixed-insensitive@2.png diff --git a/gtk-3.0/assets/checkbox-mixed-selected.png b/common/gtk-3.0/3.14/assets/checkbox-mixed-selected.png similarity index 100% rename from gtk-3.0/assets/checkbox-mixed-selected.png rename to common/gtk-3.0/3.14/assets/checkbox-mixed-selected.png diff --git a/gtk-3.0/assets/checkbox-mixed-selected@2.png b/common/gtk-3.0/3.14/assets/checkbox-mixed-selected@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-mixed-selected@2.png rename to common/gtk-3.0/3.14/assets/checkbox-mixed-selected@2.png diff --git a/gtk-3.0/assets/checkbox-mixed.png b/common/gtk-3.0/3.14/assets/checkbox-mixed.png similarity index 100% rename from gtk-3.0/assets/checkbox-mixed.png rename to common/gtk-3.0/3.14/assets/checkbox-mixed.png diff --git a/gtk-3.0/assets/checkbox-mixed@2.png b/common/gtk-3.0/3.14/assets/checkbox-mixed@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-mixed@2.png rename to common/gtk-3.0/3.14/assets/checkbox-mixed@2.png diff --git a/gtk-3.0/assets/checkbox-selectionmode.png b/common/gtk-3.0/3.14/assets/checkbox-selectionmode.png similarity index 100% rename from gtk-3.0/assets/checkbox-selectionmode.png rename to common/gtk-3.0/3.14/assets/checkbox-selectionmode.png diff --git a/gtk-3.0/assets/checkbox-selectionmode@2.png b/common/gtk-3.0/3.14/assets/checkbox-selectionmode@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-selectionmode@2.png rename to common/gtk-3.0/3.14/assets/checkbox-selectionmode@2.png diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive-selected.png b/common/gtk-3.0/3.14/assets/checkbox-unchecked-insensitive-selected.png similarity index 100% rename from gtk-3.0/assets/checkbox-unchecked-insensitive-selected.png rename to common/gtk-3.0/3.14/assets/checkbox-unchecked-insensitive-selected.png diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive-selected@2.png b/common/gtk-3.0/3.14/assets/checkbox-unchecked-insensitive-selected@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-unchecked-insensitive-selected@2.png rename to common/gtk-3.0/3.14/assets/checkbox-unchecked-insensitive-selected@2.png diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive.png b/common/gtk-3.0/3.14/assets/checkbox-unchecked-insensitive.png similarity index 100% rename from gtk-3.0/assets/checkbox-unchecked-insensitive.png rename to common/gtk-3.0/3.14/assets/checkbox-unchecked-insensitive.png diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive@2.png b/common/gtk-3.0/3.14/assets/checkbox-unchecked-insensitive@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-unchecked-insensitive@2.png rename to common/gtk-3.0/3.14/assets/checkbox-unchecked-insensitive@2.png diff --git a/gtk-3.0/assets/checkbox-unchecked-selected.png b/common/gtk-3.0/3.14/assets/checkbox-unchecked-selected.png similarity index 100% rename from gtk-3.0/assets/checkbox-unchecked-selected.png rename to common/gtk-3.0/3.14/assets/checkbox-unchecked-selected.png diff --git a/gtk-3.0/assets/checkbox-unchecked-selected@2.png b/common/gtk-3.0/3.14/assets/checkbox-unchecked-selected@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-unchecked-selected@2.png rename to common/gtk-3.0/3.14/assets/checkbox-unchecked-selected@2.png diff --git a/gtk-3.0/assets/checkbox-unchecked.png b/common/gtk-3.0/3.14/assets/checkbox-unchecked.png similarity index 100% rename from gtk-3.0/assets/checkbox-unchecked.png rename to common/gtk-3.0/3.14/assets/checkbox-unchecked.png diff --git a/gtk-3.0/assets/checkbox-unchecked@2.png b/common/gtk-3.0/3.14/assets/checkbox-unchecked@2.png similarity index 100% rename from gtk-3.0/assets/checkbox-unchecked@2.png rename to common/gtk-3.0/3.14/assets/checkbox-unchecked@2.png diff --git a/gtk-3.0/assets/radio-checked-insensitive-selected.png b/common/gtk-3.0/3.14/assets/radio-checked-insensitive-selected.png similarity index 100% rename from gtk-3.0/assets/radio-checked-insensitive-selected.png rename to common/gtk-3.0/3.14/assets/radio-checked-insensitive-selected.png diff --git a/gtk-3.0/assets/radio-checked-insensitive-selected@2.png b/common/gtk-3.0/3.14/assets/radio-checked-insensitive-selected@2.png similarity index 100% rename from gtk-3.0/assets/radio-checked-insensitive-selected@2.png rename to common/gtk-3.0/3.14/assets/radio-checked-insensitive-selected@2.png diff --git a/gtk-3.0/assets/radio-checked-insensitive.png b/common/gtk-3.0/3.14/assets/radio-checked-insensitive.png similarity index 100% rename from gtk-3.0/assets/radio-checked-insensitive.png rename to common/gtk-3.0/3.14/assets/radio-checked-insensitive.png diff --git a/gtk-3.0/assets/radio-checked-insensitive@2.png b/common/gtk-3.0/3.14/assets/radio-checked-insensitive@2.png similarity index 100% rename from gtk-3.0/assets/radio-checked-insensitive@2.png rename to common/gtk-3.0/3.14/assets/radio-checked-insensitive@2.png diff --git a/gtk-3.0/assets/radio-checked-selected.png b/common/gtk-3.0/3.14/assets/radio-checked-selected.png similarity index 100% rename from gtk-3.0/assets/radio-checked-selected.png rename to common/gtk-3.0/3.14/assets/radio-checked-selected.png diff --git a/gtk-3.0/assets/radio-checked-selected@2.png b/common/gtk-3.0/3.14/assets/radio-checked-selected@2.png similarity index 100% rename from gtk-3.0/assets/radio-checked-selected@2.png rename to common/gtk-3.0/3.14/assets/radio-checked-selected@2.png diff --git a/gtk-3.0/assets/radio-checked.png b/common/gtk-3.0/3.14/assets/radio-checked.png similarity index 100% rename from gtk-3.0/assets/radio-checked.png rename to common/gtk-3.0/3.14/assets/radio-checked.png diff --git a/gtk-3.0/assets/radio-checked@2.png b/common/gtk-3.0/3.14/assets/radio-checked@2.png similarity index 100% rename from gtk-3.0/assets/radio-checked@2.png rename to common/gtk-3.0/3.14/assets/radio-checked@2.png diff --git a/gtk-3.0/assets/radio-mixed-insensitive-selected.png b/common/gtk-3.0/3.14/assets/radio-mixed-insensitive-selected.png similarity index 100% rename from gtk-3.0/assets/radio-mixed-insensitive-selected.png rename to common/gtk-3.0/3.14/assets/radio-mixed-insensitive-selected.png diff --git a/gtk-3.0/assets/radio-mixed-insensitive-selected@2.png b/common/gtk-3.0/3.14/assets/radio-mixed-insensitive-selected@2.png similarity index 100% rename from gtk-3.0/assets/radio-mixed-insensitive-selected@2.png rename to common/gtk-3.0/3.14/assets/radio-mixed-insensitive-selected@2.png diff --git a/gtk-3.0/assets/radio-mixed-insensitive.png b/common/gtk-3.0/3.14/assets/radio-mixed-insensitive.png similarity index 100% rename from gtk-3.0/assets/radio-mixed-insensitive.png rename to common/gtk-3.0/3.14/assets/radio-mixed-insensitive.png diff --git a/gtk-3.0/assets/radio-mixed-insensitive@2.png b/common/gtk-3.0/3.14/assets/radio-mixed-insensitive@2.png similarity index 100% rename from gtk-3.0/assets/radio-mixed-insensitive@2.png rename to common/gtk-3.0/3.14/assets/radio-mixed-insensitive@2.png diff --git a/gtk-3.0/assets/radio-mixed-selected.png b/common/gtk-3.0/3.14/assets/radio-mixed-selected.png similarity index 100% rename from gtk-3.0/assets/radio-mixed-selected.png rename to common/gtk-3.0/3.14/assets/radio-mixed-selected.png diff --git a/gtk-3.0/assets/radio-mixed-selected@2.png b/common/gtk-3.0/3.14/assets/radio-mixed-selected@2.png similarity index 100% rename from gtk-3.0/assets/radio-mixed-selected@2.png rename to common/gtk-3.0/3.14/assets/radio-mixed-selected@2.png diff --git a/gtk-3.0/assets/radio-mixed.png b/common/gtk-3.0/3.14/assets/radio-mixed.png similarity index 100% rename from gtk-3.0/assets/radio-mixed.png rename to common/gtk-3.0/3.14/assets/radio-mixed.png diff --git a/gtk-3.0/assets/radio-mixed@2.png b/common/gtk-3.0/3.14/assets/radio-mixed@2.png similarity index 100% rename from gtk-3.0/assets/radio-mixed@2.png rename to common/gtk-3.0/3.14/assets/radio-mixed@2.png diff --git a/gtk-3.0/assets/radio-unchecked-insensitive-selected.png b/common/gtk-3.0/3.14/assets/radio-unchecked-insensitive-selected.png similarity index 100% rename from gtk-3.0/assets/radio-unchecked-insensitive-selected.png rename to common/gtk-3.0/3.14/assets/radio-unchecked-insensitive-selected.png diff --git a/gtk-3.0/assets/radio-unchecked-insensitive-selected@2.png b/common/gtk-3.0/3.14/assets/radio-unchecked-insensitive-selected@2.png similarity index 100% rename from gtk-3.0/assets/radio-unchecked-insensitive-selected@2.png rename to common/gtk-3.0/3.14/assets/radio-unchecked-insensitive-selected@2.png diff --git a/gtk-3.0/assets/radio-unchecked-insensitive.png b/common/gtk-3.0/3.14/assets/radio-unchecked-insensitive.png similarity index 100% rename from gtk-3.0/assets/radio-unchecked-insensitive.png rename to common/gtk-3.0/3.14/assets/radio-unchecked-insensitive.png diff --git a/gtk-3.0/assets/radio-unchecked-insensitive@2.png b/common/gtk-3.0/3.14/assets/radio-unchecked-insensitive@2.png similarity index 100% rename from gtk-3.0/assets/radio-unchecked-insensitive@2.png rename to common/gtk-3.0/3.14/assets/radio-unchecked-insensitive@2.png diff --git a/gtk-3.0/assets/radio-unchecked-selected.png b/common/gtk-3.0/3.14/assets/radio-unchecked-selected.png similarity index 100% rename from gtk-3.0/assets/radio-unchecked-selected.png rename to common/gtk-3.0/3.14/assets/radio-unchecked-selected.png diff --git a/gtk-3.0/assets/radio-unchecked-selected@2.png b/common/gtk-3.0/3.14/assets/radio-unchecked-selected@2.png similarity index 100% rename from gtk-3.0/assets/radio-unchecked-selected@2.png rename to common/gtk-3.0/3.14/assets/radio-unchecked-selected@2.png diff --git a/gtk-3.0/assets/radio-unchecked.png b/common/gtk-3.0/3.14/assets/radio-unchecked.png similarity index 100% rename from gtk-3.0/assets/radio-unchecked.png rename to common/gtk-3.0/3.14/assets/radio-unchecked.png diff --git a/gtk-3.0/assets/radio-unchecked@2.png b/common/gtk-3.0/3.14/assets/radio-unchecked@2.png similarity index 100% rename from gtk-3.0/assets/radio-unchecked@2.png rename to common/gtk-3.0/3.14/assets/radio-unchecked@2.png diff --git a/gtk-3.0/assets/switch-active-header.png b/common/gtk-3.0/3.14/assets/switch-active-header.png similarity index 100% rename from gtk-3.0/assets/switch-active-header.png rename to common/gtk-3.0/3.14/assets/switch-active-header.png diff --git a/gtk-3.0/assets/switch-active-header@2.png b/common/gtk-3.0/3.14/assets/switch-active-header@2.png similarity index 100% rename from gtk-3.0/assets/switch-active-header@2.png rename to common/gtk-3.0/3.14/assets/switch-active-header@2.png diff --git a/gtk-3.0/assets/switch-active-insensitive-header.png b/common/gtk-3.0/3.14/assets/switch-active-insensitive-header.png similarity index 100% rename from gtk-3.0/assets/switch-active-insensitive-header.png rename to common/gtk-3.0/3.14/assets/switch-active-insensitive-header.png diff --git a/gtk-3.0/assets/switch-active-insensitive-header@2.png b/common/gtk-3.0/3.14/assets/switch-active-insensitive-header@2.png similarity index 100% rename from gtk-3.0/assets/switch-active-insensitive-header@2.png rename to common/gtk-3.0/3.14/assets/switch-active-insensitive-header@2.png diff --git a/gtk-3.0/assets/switch-active-insensitive-selected.png b/common/gtk-3.0/3.14/assets/switch-active-insensitive-selected.png similarity index 100% rename from gtk-3.0/assets/switch-active-insensitive-selected.png rename to common/gtk-3.0/3.14/assets/switch-active-insensitive-selected.png diff --git a/gtk-3.0/assets/switch-active-insensitive-selected@2.png b/common/gtk-3.0/3.14/assets/switch-active-insensitive-selected@2.png similarity index 100% rename from gtk-3.0/assets/switch-active-insensitive-selected@2.png rename to common/gtk-3.0/3.14/assets/switch-active-insensitive-selected@2.png diff --git a/gtk-3.0/assets/switch-active-insensitive.png b/common/gtk-3.0/3.14/assets/switch-active-insensitive.png similarity index 100% rename from gtk-3.0/assets/switch-active-insensitive.png rename to common/gtk-3.0/3.14/assets/switch-active-insensitive.png diff --git a/gtk-3.0/assets/switch-active-insensitive@2.png b/common/gtk-3.0/3.14/assets/switch-active-insensitive@2.png similarity index 100% rename from gtk-3.0/assets/switch-active-insensitive@2.png rename to common/gtk-3.0/3.14/assets/switch-active-insensitive@2.png diff --git a/gtk-3.0/assets/switch-active-selected.png b/common/gtk-3.0/3.14/assets/switch-active-selected.png similarity index 100% rename from gtk-3.0/assets/switch-active-selected.png rename to common/gtk-3.0/3.14/assets/switch-active-selected.png diff --git a/gtk-3.0/assets/switch-active-selected@2.png b/common/gtk-3.0/3.14/assets/switch-active-selected@2.png similarity index 100% rename from gtk-3.0/assets/switch-active-selected@2.png rename to common/gtk-3.0/3.14/assets/switch-active-selected@2.png diff --git a/gtk-3.0/assets/switch-active.png b/common/gtk-3.0/3.14/assets/switch-active.png similarity index 100% rename from gtk-3.0/assets/switch-active.png rename to common/gtk-3.0/3.14/assets/switch-active.png diff --git a/gtk-3.0/assets/switch-active@2.png b/common/gtk-3.0/3.14/assets/switch-active@2.png similarity index 100% rename from gtk-3.0/assets/switch-active@2.png rename to common/gtk-3.0/3.14/assets/switch-active@2.png diff --git a/gtk-3.0/assets/switch-header.png b/common/gtk-3.0/3.14/assets/switch-header.png similarity index 100% rename from gtk-3.0/assets/switch-header.png rename to common/gtk-3.0/3.14/assets/switch-header.png diff --git a/gtk-3.0/assets/switch-header@2.png b/common/gtk-3.0/3.14/assets/switch-header@2.png similarity index 100% rename from gtk-3.0/assets/switch-header@2.png rename to common/gtk-3.0/3.14/assets/switch-header@2.png diff --git a/gtk-3.0/assets/switch-insensitive-header.png b/common/gtk-3.0/3.14/assets/switch-insensitive-header.png similarity index 100% rename from gtk-3.0/assets/switch-insensitive-header.png rename to common/gtk-3.0/3.14/assets/switch-insensitive-header.png diff --git a/gtk-3.0/assets/switch-insensitive-header@2.png b/common/gtk-3.0/3.14/assets/switch-insensitive-header@2.png similarity index 100% rename from gtk-3.0/assets/switch-insensitive-header@2.png rename to common/gtk-3.0/3.14/assets/switch-insensitive-header@2.png diff --git a/gtk-3.0/assets/switch-insensitive-selected.png b/common/gtk-3.0/3.14/assets/switch-insensitive-selected.png similarity index 100% rename from gtk-3.0/assets/switch-insensitive-selected.png rename to common/gtk-3.0/3.14/assets/switch-insensitive-selected.png diff --git a/gtk-3.0/assets/switch-insensitive-selected@2.png b/common/gtk-3.0/3.14/assets/switch-insensitive-selected@2.png similarity index 100% rename from gtk-3.0/assets/switch-insensitive-selected@2.png rename to common/gtk-3.0/3.14/assets/switch-insensitive-selected@2.png diff --git a/gtk-3.0/assets/switch-insensitive.png b/common/gtk-3.0/3.14/assets/switch-insensitive.png similarity index 100% rename from gtk-3.0/assets/switch-insensitive.png rename to common/gtk-3.0/3.14/assets/switch-insensitive.png diff --git a/gtk-3.0/assets/switch-insensitive@2.png b/common/gtk-3.0/3.14/assets/switch-insensitive@2.png similarity index 100% rename from gtk-3.0/assets/switch-insensitive@2.png rename to common/gtk-3.0/3.14/assets/switch-insensitive@2.png diff --git a/gtk-3.0/assets/switch-selected.png b/common/gtk-3.0/3.14/assets/switch-selected.png similarity index 100% rename from gtk-3.0/assets/switch-selected.png rename to common/gtk-3.0/3.14/assets/switch-selected.png diff --git a/gtk-3.0/assets/switch-selected@2.png b/common/gtk-3.0/3.14/assets/switch-selected@2.png similarity index 100% rename from gtk-3.0/assets/switch-selected@2.png rename to common/gtk-3.0/3.14/assets/switch-selected@2.png diff --git a/gtk-3.0/assets/switch.png b/common/gtk-3.0/3.14/assets/switch.png similarity index 100% rename from gtk-3.0/assets/switch.png rename to common/gtk-3.0/3.14/assets/switch.png diff --git a/gtk-3.0/assets/switch@2.png b/common/gtk-3.0/3.14/assets/switch@2.png similarity index 100% rename from gtk-3.0/assets/switch@2.png rename to common/gtk-3.0/3.14/assets/switch@2.png diff --git a/gtk-3.0/assets/thumbnail-frame.png b/common/gtk-3.0/3.14/assets/thumbnail-frame.png similarity index 100% rename from gtk-3.0/assets/thumbnail-frame.png rename to common/gtk-3.0/3.14/assets/thumbnail-frame.png diff --git a/gtk-3.0/assets/titlebutton-close-active.png b/common/gtk-3.0/3.14/assets/titlebutton-close-active.png similarity index 100% rename from gtk-3.0/assets/titlebutton-close-active.png rename to common/gtk-3.0/3.14/assets/titlebutton-close-active.png diff --git a/gtk-3.0/assets/titlebutton-close-active@2.png b/common/gtk-3.0/3.14/assets/titlebutton-close-active@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-close-active@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-close-active@2.png diff --git a/gtk-3.0/assets/titlebutton-close-backdrop.png b/common/gtk-3.0/3.14/assets/titlebutton-close-backdrop.png similarity index 100% rename from gtk-3.0/assets/titlebutton-close-backdrop.png rename to common/gtk-3.0/3.14/assets/titlebutton-close-backdrop.png diff --git a/gtk-3.0/assets/titlebutton-close-backdrop@2.png b/common/gtk-3.0/3.14/assets/titlebutton-close-backdrop@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-close-backdrop@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-close-backdrop@2.png diff --git a/gtk-3.0/assets/titlebutton-close-hover.png b/common/gtk-3.0/3.14/assets/titlebutton-close-hover.png similarity index 100% rename from gtk-3.0/assets/titlebutton-close-hover.png rename to common/gtk-3.0/3.14/assets/titlebutton-close-hover.png diff --git a/gtk-3.0/assets/titlebutton-close-hover@2.png b/common/gtk-3.0/3.14/assets/titlebutton-close-hover@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-close-hover@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-close-hover@2.png diff --git a/gtk-3.0/assets/titlebutton-close.png b/common/gtk-3.0/3.14/assets/titlebutton-close.png similarity index 100% rename from gtk-3.0/assets/titlebutton-close.png rename to common/gtk-3.0/3.14/assets/titlebutton-close.png diff --git a/gtk-3.0/assets/titlebutton-close@2.png b/common/gtk-3.0/3.14/assets/titlebutton-close@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-close@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-close@2.png diff --git a/gtk-3.0/assets/titlebutton-max-active.png b/common/gtk-3.0/3.14/assets/titlebutton-max-active.png similarity index 100% rename from gtk-3.0/assets/titlebutton-max-active.png rename to common/gtk-3.0/3.14/assets/titlebutton-max-active.png diff --git a/gtk-3.0/assets/titlebutton-max-active@2.png b/common/gtk-3.0/3.14/assets/titlebutton-max-active@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-max-active@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-max-active@2.png diff --git a/gtk-3.0/assets/titlebutton-max-backdrop.png b/common/gtk-3.0/3.14/assets/titlebutton-max-backdrop.png similarity index 100% rename from gtk-3.0/assets/titlebutton-max-backdrop.png rename to common/gtk-3.0/3.14/assets/titlebutton-max-backdrop.png diff --git a/gtk-3.0/assets/titlebutton-max-backdrop@2.png b/common/gtk-3.0/3.14/assets/titlebutton-max-backdrop@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-max-backdrop@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-max-backdrop@2.png diff --git a/gtk-3.0/assets/titlebutton-max-hover.png b/common/gtk-3.0/3.14/assets/titlebutton-max-hover.png similarity index 100% rename from gtk-3.0/assets/titlebutton-max-hover.png rename to common/gtk-3.0/3.14/assets/titlebutton-max-hover.png diff --git a/gtk-3.0/assets/titlebutton-max-hover@2.png b/common/gtk-3.0/3.14/assets/titlebutton-max-hover@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-max-hover@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-max-hover@2.png diff --git a/gtk-3.0/assets/titlebutton-max.png b/common/gtk-3.0/3.14/assets/titlebutton-max.png similarity index 100% rename from gtk-3.0/assets/titlebutton-max.png rename to common/gtk-3.0/3.14/assets/titlebutton-max.png diff --git a/gtk-3.0/assets/titlebutton-max@2.png b/common/gtk-3.0/3.14/assets/titlebutton-max@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-max@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-max@2.png diff --git a/gtk-3.0/assets/titlebutton-min-active.png b/common/gtk-3.0/3.14/assets/titlebutton-min-active.png similarity index 100% rename from gtk-3.0/assets/titlebutton-min-active.png rename to common/gtk-3.0/3.14/assets/titlebutton-min-active.png diff --git a/gtk-3.0/assets/titlebutton-min-active@2.png b/common/gtk-3.0/3.14/assets/titlebutton-min-active@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-min-active@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-min-active@2.png diff --git a/gtk-3.0/assets/titlebutton-min-backdrop.png b/common/gtk-3.0/3.14/assets/titlebutton-min-backdrop.png similarity index 100% rename from gtk-3.0/assets/titlebutton-min-backdrop.png rename to common/gtk-3.0/3.14/assets/titlebutton-min-backdrop.png diff --git a/gtk-3.0/assets/titlebutton-min-backdrop@2.png b/common/gtk-3.0/3.14/assets/titlebutton-min-backdrop@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-min-backdrop@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-min-backdrop@2.png diff --git a/gtk-3.0/assets/titlebutton-min-hover.png b/common/gtk-3.0/3.14/assets/titlebutton-min-hover.png similarity index 100% rename from gtk-3.0/assets/titlebutton-min-hover.png rename to common/gtk-3.0/3.14/assets/titlebutton-min-hover.png diff --git a/gtk-3.0/assets/titlebutton-min-hover@2.png b/common/gtk-3.0/3.14/assets/titlebutton-min-hover@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-min-hover@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-min-hover@2.png diff --git a/gtk-3.0/assets/titlebutton-min.png b/common/gtk-3.0/3.14/assets/titlebutton-min.png similarity index 100% rename from gtk-3.0/assets/titlebutton-min.png rename to common/gtk-3.0/3.14/assets/titlebutton-min.png diff --git a/gtk-3.0/assets/titlebutton-min@2.png b/common/gtk-3.0/3.14/assets/titlebutton-min@2.png similarity index 100% rename from gtk-3.0/assets/titlebutton-min@2.png rename to common/gtk-3.0/3.14/assets/titlebutton-min@2.png diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css new file mode 100644 index 0000000..6a87fbd --- /dev/null +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -0,0 +1,3331 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkPaned-handle-size: 1; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + -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: #2679db; + -GtkWidget-visited-link-color: #1e61b0; + -GtkWidget-focus-padding: 2; + -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; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; } + +/*************** + * Base States * + ***************/ +.background { + color: #5c616c; + background-color: rgba(249, 250, 251, 0.999); } + +/* + 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: #f9fafb; + color: #5c616c; } + .gtkstyle-fallback:prelight { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #dae1e7; + color: #5c616c; } + .gtkstyle-fallback:insensitive { + background-color: #fcfdfd; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, GtkLabel.view.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .view.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label:selected, GtkLabel.view.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, GtkLabel.view.separator:selected:focus, .header-bar .view.subtitle:selected:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +.rubberband { + border: 1px solid #5294E2; + background-color: rgba(82, 148, 226, 0.2); } + +GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { + color: #5c616c; } +GtkLabel:insensitive { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .subtitle { + opacity: 0.55; } + +GtkAssistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dde3e9; } + GtkAssistant .sidebar:dir(ltr) { + border-right: 1px solid #dde3e9; } + GtkAssistant .sidebar:dir(rtl) { + border-left: 1px solid #dde3e9; } +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: #fcfcfd; } + +GtkFlowBox .grid-child { + padding: 3px; + border-radius: 3px; } + GtkFlowBox .grid-child:selected { + outline-offset: -2px; } + +.popover.osd, .osd { + color: #A8ADB5; + border: none; + background-color: rgba(60, 64, 73, 0.95); + background-clip: padding-box; + outline-color: rgba(168, 173, 181, 0.3); + box-shadow: none; } + +/********************** + * Spinner Animations * + **********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner { + background-image: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive { + opacity: 0.5; } + +/**************** + * Text Entries * + ****************/ +.entry { + border: 1px solid; + padding: 5px 8px 6px; + border-radius: 15px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + .header-bar .entry { + padding: 6px 11px; } + .entry.image { + padding-left: 3px; + padding-right: 3px; } + .entry.flat, .entry.flat:focus { + padding: 2px; + color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + border: none; + border-radius: 0; } + .entry:focus { + color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + .entry:insensitive { + color: rgba(92, 97, 108, 0.55); + 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 { + background-color: #5294E2; + color: #ffffff; } + .entry.progressbar { + margin: 2px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + .linked > .entry:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .linked > .entry:first-child:dir(rtl) { + border-right-style: none; } + .linked > .entry:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + .linked > .entry:last-child:dir(rtl) { + border-left-style: solid; } + .entry.error { + color: white; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fc665f); } + .entry.error:focus { + background-image: linear-gradient(to bottom, #FC4138); + color: white; } + .entry.error:selected, .entry.error:selected:focus { + background-color: white; + color: #FC4138; } + .entry.warning { + color: white; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f4935d); } + .entry.warning:focus { + background-image: linear-gradient(to bottom, #F27835); + color: white; } + .entry.warning:selected, .entry.warning:selected:focus { + background-color: white; + color: #F27835; } + .entry.image { + color: #7c8089; } + .entry.image:hover { + color: #5c616c; } + .entry.image:active { + color: #5294E2; } + .linked.vertical > .entry { + border-bottom-color: #f4f6f8; + box-shadow: none; } + .linked.vertical > .entry:focus { + border-color: #5294E2; + box-shadow: 0 -1px 0 0 #5294E2; } + .linked.vertical > .entry:insensitive { + border-bottom-color: #f4f6f8; } + .linked.vertical > .entry:first-child { + border-bottom-color: #f4f6f8; } + .linked.vertical > .entry:first-child:focus { + border-bottom-color: #5294E2; + box-shadow: none; } + .linked.vertical > .entry:first-child:insensitive { + border-bottom-color: #f4f6f8; } + .linked.vertical > .entry:last-child { + border-bottom-color: rgba(0, 0, 0, 0.14); } + .linked.vertical > .entry:last-child:focus { + border-bottom-color: #5294E2; + box-shadow: 0 -1px 0 0 #5294E2; } + .linked.vertical > .entry:last-child:insensitive { + border-bottom-color: rgba(0, 0, 0, 0.14); } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + 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; + border-radius: 3px; + padding: 5px 8px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fcfdfd; } + .header-bar .button { + padding: 6px 11px; } + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(249, 250, 251, 0); + transition: none; } + .button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + .button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fcfdfd; + -gtk-image-effect: highlight; } + .button:active, .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + .button.flat:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; } + .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(252, 253, 253, 0.55); } + .button:insensitive > GtkLabel { + color: inherit; } + .button:insensitive:active, .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; } + .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { + color: inherit; } + .button.osd { + outline-color: rgba(168, 173, 181, 0.3); + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + background-color: rgba(60, 64, 73, 0.95); } + .button.osd.image-button { + padding: 10px; } + .button.osd:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + border-color: rgba(168, 173, 181, 0.3); } + .button.osd:active, .button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .button.osd:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + .osd .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + border-radius: 0; + border-left-style: none; + border-right-style: none; } + .osd .button:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: none; } + .osd .button:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; } + .osd .button:last-child { + border-radius: 0 3px 3px 0; + border-right-style: solid; } + .osd .button:last-child:dir(rtl) { + border-left-style: solid; } + .osd .button:only-child { + border-radius: 3px; + border-style: solid; } + .osd .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + .osd .button:active, .osd .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .osd .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + .osd .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd .button.flat:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + .osd .button.flat:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); + background-image: none; } + .osd .button.flat:active, .osd .button.flat:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .button.suggested-action { + color: #ffffff; + border-color: #9EA4B5; + background-color: #9EA4B5; } + .button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #9EA4B5; } + .button.suggested-action:hover { + color: #ffffff; + border-color: #b8bcc9; + background-color: #b8bcc9; } + .button.suggested-action:active, .button.suggested-action:checked { + color: #ffffff; + border-color: #8a91a6; + background-color: #8a91a6; } + .button.suggested-action:insensitive { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(158, 164, 181, 0.65); + background-color: rgba(158, 164, 181, 0.65); } + .button.destructive-action { + color: #ffffff; + border-color: #FA4349; + background-color: #FA4349; } + .button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #FA4349; } + .button.destructive-action:hover { + color: #ffffff; + border-color: #fb7074; + background-color: #fb7074; } + .button.destructive-action:active, .button.destructive-action:checked { + color: #ffffff; + border-color: #f92027; + background-color: #f92027; } + .button.destructive-action:insensitive { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(250, 67, 73, 0.65); + background-color: rgba(250, 67, 73, 0.65); } + .button.image-button { + padding: 8px; } + .header-bar .button.image-button { + padding: 6px 9px; } + .button.text-button { + padding-left: 16px; + padding-right: 16px; } + .header-bar .button.text-button { + padding: 6px 16px; } + .button.text-button.image-button { + padding: 4px 8px 5px; } + .button.text-button.image-button GtkLabel:first-child { + padding-left: 8px; } + .button.text-button.image-button GtkLabel:last-child { + padding-right: 8px; } + .header-bar .button.text-button.image-button { + padding: 6px 16px; } + .stack-switcher > .button { + outline-offset: -3px; } + .stack-switcher > .button > GtkLabel { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > .button > GtkImage { + padding-left: 6px; + padding-right: 6px; + padding-top: 5px; + padding-bottom: 5px; } + .stack-switcher > .button .header-bar > GtkLabel { + padding: 6px 10px; } + .stack-switcher > .button.text-button { + padding: 5px 10px; } + .header-bar .stack-switcher > .button.text-button { + 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 { + animation: none; + background-image: none; } + .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) { + background-position: left 3px, left 4px; } + .inline-toolbar .button, .inline-toolbar .button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar GtkToolButton > .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fcfdfd; } + .inline-toolbar GtkToolButton > .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fcfdfd; } + .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar GtkToolButton > .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(252, 253, 253, 0.55); } + .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { + color: inherit; } + .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 { + 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) { + 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) { + 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) { + 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 { + 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 { + 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 { + 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 { + 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) { + 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 { + 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 { + 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 > 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 > 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 > 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 > 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 > 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 > 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 > 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 > GtkComboBox:only-child > .button:hover { + box-shadow: none; } + +.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +/* menu buttons */ +.menuitem.button.flat { + transition: none; + outline-offset: -1px; + border-radius: 2px; } + .menuitem.button.flat:hover { + background-color: #f1f2f3; } + +/********* + * Links * + *********/ +*:link, .button:link, .button:visited { + color: #2679db; } + *:link:visited, .button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected .button:visited { + color: #b9d4f3; } + *:link:hover, .button:hover:link, .button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { + color: #edf4fc; } + *: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, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dce9f9; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton { + border-radius: 3px; } + .spinbutton .button { + background-image: none; + border: 1px solid rgba(221, 227, 233, 0.6); + border-style: none none none solid; + color: #646873; + border-radius: 0; + box-shadow: none; } + .spinbutton .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton .button:first-child { + color: red; } + .spinbutton .button:hover { + color: #5294E2; } + .spinbutton .button:insensitive { + color: rgba(92, 97, 108, 0.55); } + .spinbutton .button:active { + background-color: #5294E2; + color: #ffffff; } + .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fcfdfd; } + .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fcfdfd; } + .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(252, 253, 253, 0.55); } + .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { + color: inherit; } + .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fcfdfd; } + .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fcfdfd; } + .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(252, 253, 253, 0.55); } + .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { + color: inherit; } + .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; } + GtkComboBox > .button { + padding-top: 3px; + padding-bottom: 4px; } + GtkComboBox:insensitive { + color: rgba(92, 97, 108, 0.55); } + GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { + -GtkWidget-wide-separators: true; } + GtkComboBox.combobox-entry .entry { + border-right-style: none; } + GtkComboBox.combobox-entry .entry:dir(rtl) { + border-left-style: none; } + GtkComboBox.combobox-entry .button { + color: rgba(92, 97, 108, 0.6); + background-color: #cfd6e6; + border-color: #cfd6e6; } + GtkComboBox.combobox-entry .button:hover { + background-color: #e0e4ef; + border-color: #5294E2; + box-shadow: -1px 0 #5294E2; } + GtkComboBox.combobox-entry .button:active, GtkComboBox.combobox-entry .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + GtkComboBox.combobox-entry .button:insensitive { + opacity: 0.5; } + +/************ + * Toolbars * + ************/ +.toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #f9fafb; } + .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: none; + border-radius: 4px; + background-color: rgba(60, 64, 73, 0.95); } + +.primary-toolbar { + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #e7e8eb, rgba(212, 213, 219, 0.95)) 1 0 1 0; } + .primary-toolbar:backdrop { + background-color: #eff0f2; } + +.inline-toolbar { + background-color: #f0f2f5; + border-style: solid; + border-color: #dde3e9; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +.search-bar { + background-color: #f9fafb; + border-style: solid; + border-color: #dde3e9; + border-width: 0 0 1px; + padding: 3px; } + +.action-bar { + background-color: #f0f2f5; } + +/*************** + * Header bars * + ***************/ +.header-bar { + padding: 7px 7px 6px 7px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: rgba(212, 213, 219, 0.95); + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; } + .csd .header-bar { + background-color: rgba(231, 232, 235, 0.95); } + .header-bar:backdrop { + color: rgba(82, 93, 118, 0.5); + background-color: #eff0f2; } + .csd .header-bar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } + .header-bar .title { + padding: 0px 12px; } + .header-bar .subtitle { + font-size: smaller; + padding: 0 12px; } + .header-bar.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 { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + .header-bar.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 { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + .header-bar.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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } + .header-bar.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 { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); } + .header-bar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized .header-bar.selection-mode { + background-color: #5294e2; } + .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + border-radius: 0; } + .maximized .header-bar { + background-color: #e7e8eb; } + .maximized .header-bar:backdrop { + background-color: #eff0f2; } + +.titlebar { + padding-left: 7px; + padding-right: 7px; + border-radius: 4px 4px 0 0; + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + .titlebar:backdrop { + color: rgba(82, 93, 118, 0.5); } + +.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 { + -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 { + opacity: 0.6; } + +.primary-toolbar .entry, .header-bar .entry { + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { + color: inherit; } + .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { + opacity: 0.85; } + .primary-toolbar .entry:focus, .header-bar .entry:focus { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: border-box; } + .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { + color: #ffffff; } + .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { + background-color: #ffffff; + color: #5294E2; } +.primary-toolbar .button, .header-bar .button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + outline-offset: -3px; + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar .button:backdrop, .header-bar .button:backdrop { + opacity: 0.7; } + .primary-toolbar .button:hover, .header-bar .button:hover { + 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(252, 253, 253, 0.9); } + .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .primary-toolbar .button:insensitive, .header-bar .button:insensitive { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { + color: inherit; } + .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { + 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 { + 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(252, 253, 253, 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 { + 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 { + 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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9EA4B5; + background-color: #9EA4B5; } + .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #9EA4B5; + outline-color: rgba(158, 164, 181, 0.3); } + .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #b8bcc9; + background-color: #b8bcc9; } + .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #8a91a6; + background-color: #8a91a6; } + .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { + color: rgba(158, 164, 181, 0.45); } + .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(158, 164, 181, 0.65); + background-color: rgba(158, 164, 181, 0.65); } +.primary-toolbar .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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; } + .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #FA4349; + outline-color: rgba(250, 67, 73, 0.3); } + .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; } + .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; } + .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { + color: rgba(250, 67, 73, 0.45); } + .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(250, 67, 73, 0.65); + background-color: rgba(250, 67, 73, 0.65); } +.primary-toolbar .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 { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { + 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); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { + color: inherit; } + .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .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)); } + .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { + background-image: linear-gradient(to bottom, rgba(241, 241, 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; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-color: rgba(92, 97, 108, 0.2); } + GtkTreeView.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577aa7; } + GtkTreeView.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #adb0b5; } + 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; } + GtkTreeView.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.progressbar { + color: #ffffff; + border-radius: 3px; } + GtkTreeView.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-color: #ffffff; } + GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + background-color: #cfd6e6; + border-radius: 3px; + border-width: 0; } + +column-header .button { + color: #7c8089; + background-color: #ffffff; } + column-header .button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + column-header .button:active { + color: #5c616c; + transition: none; } +column-header:last-child .button, column-header:last-child.button { + border-right-style: none; + border-image: none; } + +column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +column-header .button, column-header .button:hover, column-header .button:active { + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + column-header .button:active { + background-color: #ffffff; } + column-header .button:insensitive { + border-color: #f9fafb; + background-image: none; } + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e7e8eb; + color: rgba(82, 93, 118, 0.8); } + .menubar:backdrop { + background-color: #eff0f2; } + .menubar > .menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + .menubar > .menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + .menubar > .menuitem:insensitive { + color: rgba(82, 93, 118, 0.2); + border-color: transparent; } + +.menu, .popup { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dde3e9; } + .csd .menu, .csd .popup { + padding: 4px 0px; + border-radius: 3px; + border: none; } + .menu .menuitem, .popup .menuitem { + padding: 5px; } + .menu .menuitem:hover, .popup .menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + .menu .menuitem:insensitive, .popup .menuitem:insensitive { + color: rgba(92, 97, 108, 0.55); } + .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator, .popup .menuitem.separator, .popup GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .popup .menuitem.view.separator { + color: rgba(255, 255, 255, 0); } + .menu .menuitem.arrow, .popup .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + .menu .menuitem.arrow:dir(rtl), .popup .menuitem.arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + .menu.button, .popup.button { + border-style: none; + border-radius: 0; } + .menu.button.top, .popup.button.top { + border-bottom: 1px solid #eeeff0; } + .menu.button.bottom, .popup.button.bottom { + border-top: 1px solid #eeeff0; } + .menu.button:hover, .popup.button:hover { + background-color: #eeeff0; } + .menu.button:insensitive, .popup.button:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.menuitem .accelerator { + color: alpha(currentColor,0.55); } + +/************ + * Popovers * + ************/ +.popover { + margin: 10px; + padding: 2px; + border: 1px solid #ced6de; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { + color: rgba(255, 255, 255, 0); } + .popover > .list, + .popover > .view, + .popover > .toolbar, + .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + .entry.cursor-handle.top, + .cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + .entry.cursor-handle.bottom, + .cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +.notebook { + padding: 0; + background-color: #fefefe; + -GtkNotebook-initial-gap: 10; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: -8; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .notebook.frame { + border: 1px solid #dde3e9; } + .notebook.frame.top { + border-top-width: 0; } + .notebook.frame.bottom { + border-bottom-width: 0; } + .notebook.frame.right { + border-right-width: 0; } + .notebook.frame.left { + border-left-width: 0; } + .notebook.header { + background-color: #ffffff; } + .notebook.header.frame { + border: 1px solid #dde3e9; } + .notebook.header.frame.top { + border-bottom-width: 0; } + .notebook.header.frame.bottom { + border-top-width: 0; } + .notebook.header.frame.right { + border-left-width: 0; } + .notebook.header.frame.left { + border-right-width: 0; } + .notebook.header.top { + box-shadow: inset 0 -1px #edf0f3; } + .notebook.header.bottom { + box-shadow: inset 0 1px #edf0f3; } + .notebook.header.right { + box-shadow: inset 1px 0 #edf0f3; } + .notebook.header.left { + box-shadow: inset -1px 0 #edf0f3; } + .notebook tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-color: transparent; + outline-offset: 0; } + .notebook tab.top, .notebook tab.bottom { + padding: 5px 20px; } + .notebook tab.left, .notebook tab.right { + padding: 5px 20px; } + .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { + padding-left: 12px; + padding-right: 12px; } + .notebook tab.reorderable-page.top, .notebook tab.top { + border-color: transparent; } + .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { + border-color: rgba(221, 227, 233, 0.5); + border-width: 1px; + border-top-width: 0; + background-color: rgba(249, 250, 251, 0.2); } + .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 { + border-width: 1px; + border-top-width: 0; + border-color: #dde3e9; + background-color: rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.reorderable-page.top.active-page:hover:hover, .notebook tab.top:active:hover, .notebook tab.top.active-page:hover, .notebook tab.top.active-page:hover:hover { + background-color: rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.bottom, .notebook tab.bottom { + border-color: transparent; } + .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { + border-color: rgba(221, 227, 233, 0.5); + border-width: 1px; + border-bottom-width: 0; + background-color: rgba(249, 250, 251, 0.2); } + .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 { + border-width: 1px; + border-bottom-width: 0; + border-color: #dde3e9; + background-color: rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.reorderable-page.bottom.active-page:hover:hover, .notebook tab.bottom:active:hover, .notebook tab.bottom.active-page:hover, .notebook tab.bottom.active-page:hover:hover { + background-color: rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.right, .notebook tab.right { + border-color: transparent; } + .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { + border-color: rgba(221, 227, 233, 0.5); + border-width: 1px; + border-right-width: 0; + background-color: rgba(249, 250, 251, 0.2); } + .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 { + border-width: 1px; + border-right-width: 0; + border-color: #dde3e9; + background-color: rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.reorderable-page.right.active-page:hover:hover, .notebook tab.right:active:hover, .notebook tab.right.active-page:hover, .notebook tab.right.active-page:hover:hover { + background-color: rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.left, .notebook tab.left { + border-color: transparent; } + .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { + border-color: rgba(221, 227, 233, 0.5); + border-width: 1px; + border-left-width: 0; + background-color: rgba(249, 250, 251, 0.2); } + .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 { + border-width: 1px; + border-left-width: 0; + border-color: #dde3e9; + background-color: rgba(0, 0, 0, 0.02); } + .notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.reorderable-page.left.active-page:hover:hover, .notebook tab.left:active:hover, .notebook tab.left.active-page:hover, .notebook tab.left.active-page:hover:hover { + background-color: rgba(0, 0, 0, 0.02); } + .notebook tab GtkLabel { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { + color: rgba(92, 97, 108, 0.775); } + .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { + color: #5c616c; } + .notebook tab .button { + padding: 0; + color: #92969e; } + .notebook tab .button:hover { + color: #ff4d4d; } + .notebook tab .button:active { + color: #5294E2; } + .notebook tab .button > GtkImage { + padding: 2px; } + .notebook.arrow { + color: rgba(92, 97, 108, 0.55); } + .notebook.arrow:hover { + color: rgba(92, 97, 108, 0.775); } + .notebook.arrow:active { + color: #5c616c; } + .notebook.arrow:insensitive { + color: rgba(92, 97, 108, 0); } + +/************** + * 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; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + .scrollbar .button { + border: none; } + .scrollbar.slider { + border-radius: 20px; + border: 3px solid transparent; + background-color: #babcc1; } + .scrollbar.slider:hover { + background-color: #8b8e96; } + .scrollbar.slider:prelight:active { + background-color: #5294E2; } + .scrollbar.slider.fine-tune { + border-width: 4px; } + .scrollbar.slider.fine-tune:prelight:active { + background-color: #5294E2; } + .scrollbar.slider:insensitive { + background-color: transparent; } + +.scrollbars-junction, .scrollbar.trough, +.scrollbars-junction.frame, +.frame.scrollbar.trough { + border-color: transparent; + background-color: #ffffff; } + +/********** + * Switch * + **********/ +GtkSwitch { + font: 1; + -GtkSwitch-slider-width: 41; } + GtkSwitch.trough, GtkSwitch.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; } + GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { + background-position: left center; } + +GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +.header-bar GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + +.header-bar GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + +.header-bar GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + +.header-bar GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + +.list-row:selected GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +.list-row:selected GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +.list-row:selected GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +.list-row:selected GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +/************************* + * Check and Radio items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkTreeView.view.check:selected, +.list-row:selected .check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkTreeView.view.check:insensitive:selected, +.list-row:selected .check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkTreeView.view.check:inconsistent:selected, +.list-row:selected .check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkTreeView.view.check:inconsistent:insensitive:selected, +.list-row:selected .check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkTreeView.view.check:checked:selected, +.list-row:selected .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkTreeView.view.check:checked:insensitive:selected, +.list-row:selected .check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkTreeView.view.radio:selected, +.list-row:selected .radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkTreeView.view.radio:insensitive:selected, +.list-row:selected .radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkTreeView.view.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkTreeView.view.radio:inconsistent:insensitive:selected, +.list-row:selected .radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkTreeView.view.radio:checked:selected, +.list-row:selected .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkTreeView.view.radio:checked:insensitive:selected, +.list-row:selected .radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +GtkIconView.view.check, +GtkFlowBox.view.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +GtkIconView.view.check:checked, +GtkFlowBox.view.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +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 { + color: rgba(92, 97, 108, 0.55); } + +/************ + * GtkScale * + ************/ +.scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + outline-radius: 2px; } + .scale.trough { + margin: 5px; } + .scale.fine-tune.trough { + border-radius: 5px; + margin: 3px; } + .scale.slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid #5294E2; + border-radius: 50%; + box-shadow: none; } + .scale.slider:hover { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .scale.slider:insensitive { + background-image: linear-gradient(to bottom, #fcfcfd); + border-color: #9dc1ed; } + .scale.slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + .osd .scale.slider { + background-image: linear-gradient(to bottom, rgba(60, 64, 73, 0.95)); + border-color: #5294E2; } + .osd .scale.slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd .scale.slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + .list-row:selected .scale.slider { + 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; } + .list-row:selected .scale.slider:active { + background-image: linear-gradient(to bottom, #a8c9f0); + border-color: #a8c9f0; } + .list-row:selected .scale.slider:insensitive { + background-image: linear-gradient(to bottom, #b1cef1); + border-color: #b1cef1; } + .scale.trough { + border: none; + border-radius: 2.5px; + background-image: linear-gradient(to bottom, #cfd6e6); } + .scale.trough.highlight { + background-image: linear-gradient(to bottom, #5294E2); } + .scale.trough.highlight:insensitive { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + .scale.trough:insensitive { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd .scale.trough { + background-image: linear-gradient(to bottom, rgba(76, 81, 93, 0.95)); + outline-color: rgba(168, 173, 181, 0.2); } + .osd .scale.trough.highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + .list-row:selected .scale.trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + .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); } + .list-row:selected .scale.trough:insensitive { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; } + +.progressbar { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + .progressbar.osd { + background-color: #5294E2; } + +.osd .scale.progressbar { + background-color: #5294E2; } + +GtkProgressBar.trough, .level-bar.trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + GtkProgressBar.trough.osd, .osd.level-bar.trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + +/************* + * 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 { + padding: 3px; + border-radius: 4px; } +.level-bar.fill-block { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + .level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; } + .level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; } + .level-bar.fill-block.level-high { + border-color: #73d216; + background-color: #73d216; } + .level-bar.fill-block.level-low { + border-color: #F27835; + background-color: #F27835; } + .level-bar.fill-block.empty-fill-block { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +/********** + * Frames * + **********/ +.frame { + border: 1px solid #dde3e9; + padding: 0; } + .frame.flat { + border-style: none; } + .frame.action-bar { + padding: 6px; + border-width: 1px 0 0; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } + +.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 { + -GtkWidget-wide-separators: true; } + +/********* + * Lists * + *********/ +.list, .list-row { + background-color: #ffffff; + border-color: #dde3e9; } + +.list-row, +.grid-child { + padding: 2px; } + +.list-row.button { + background-color: transparent; + border-style: none; + border-radius: 0; + box-shadow: none; } + .list-row.button:hover { + background-color: rgba(0, 0, 0, 0.05); } + .list-row.button:active { + color: #5c616c; } + .list-row.button:selected:active { + color: #ffffff; } + .list-row.button:selected:hover { + background-color: #4985cb; } + .list-row.button:selected:insensitive { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + .list-row.button:selected:insensitive GtkLabel { + color: inherit; } + +.list-row, list-row.button { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .list-row:hover, list-row.button:hover { + transition: none; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 2.5px 2.5px; + border-width: 0 1px 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.2); + background-color: #ffffff; + background-clip: padding-box; } + +/************* + * Expanders * + *************/ +GtkExpander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + GtkExpander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkExpander:hover { + color: #aaaeb7; } + GtkExpander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/************ + * Calendar * + ***********/ +GtkCalendar { + border: 1px solid #dde3e9; + border-radius: 3px; + padding: 2px; } + GtkCalendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + GtkCalendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + GtkCalendar.button, GtkCalendar.button:focus { + color: rgba(92, 97, 108, 0.45); + box-shadow: none; + border: none; } + GtkCalendar.button:hover, GtkCalendar.button:focus:hover { + color: #5c616c; } + GtkCalendar.highlight { + color: alpha(currentColor,0.55); } + +/*********** + * Dialogs * + ***********/ +.message-dialog .dialog-action-area .button { + padding: 8px; } + +.message-dialog { + -GtkDialog-button-spacing: 0; } + .message-dialog .titlebar { + background-color: rgba(231, 232, 235, 0.95); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + .message-dialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + .message-dialog.csd .dialog-action-area .button { + padding: 8px; + border-radius: 0; } + .message-dialog.csd .dialog-action-area .button:focus { + color: #5294E2; } + .message-dialog.csd .dialog-action-area .button:focus:active, .message-dialog.csd .dialog-action-area .button:focus:checked { + color: #ffffff; } + .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { + border-right-style: none; + border-bottom-style: none; } + .message-dialog.csd .dialog-action-area .button:last-child { + border-bottom-right-radius: 3px; } + .message-dialog.csd .dialog-action-area .button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +GtkFileChooserDialog .search-bar { + background-color: #f9fafb; + border-color: #dde3e9; + box-shadow: none; } +GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid #dde3e9; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + background-color: #f9fafb; } + .sidebar .scrollbar.trough { + background-color: transparent; + border-width: 2px; + border-color: transparent; } + .sidebar:selected { + background-color: #5294E2; } + +GtkPlacesSidebar.sidebar .view { + color: #5c616c; + background-color: transparent; } + GtkPlacesSidebar.sidebar .view:selected { + color: #ffffff; + background-color: #5294E2; } + +.sidebar-item { + padding: 10px 4px; } + .sidebar-item > GtkLabel { + padding-left: 6px; + padding-right: 6px; } + .sidebar-item.needs-attention > GtkLabel { + background-size: 6px 6px, 0 0; } + +GtkPaned { + margin: 0 8px 8px 0; } + GtkPaned:dir(rtl) { + margin-right: 0; + margin-left: 8px; } + +.pane-separator { + background-image: linear-gradient(to bottom, #dde3e9); } + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-style: none; } + +.info, +.question, +.warning, +.error, +GtkInfoBar { + background-color: #5294E2; + color: #ffffff; } + +.list-row:selected .button, GtkInfoBar .button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + .list-row:selected .flat.button, GtkInfoBar .flat.button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + .list-row:selected .button:hover, GtkInfoBar .button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:checked, GtkInfoBar .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(0, 0, 0, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(0, 0, 0, 0.1); + border-color: rgba(255, 255, 255, 0.2); } + +/************ + * Tooltips * + ************/ +.tooltip { + color: #edf5fb; + border-radius: 2px; } + .tooltip.background { + background-color: rgba(60, 64, 73, 0.95); + background-clip: padding-box; } + .tooltip.window-frame.csd { + background-color: transparent; } + +.tooltip * { + padding: 4px; + background-color: transparent; + color: inherit; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch { + border: none; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } + GtkColorSwatch.color-light:hover { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)); } + GtkColorSwatch.color-dark:hover { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } + GtkColorSwatch:hover { + border-color: rgba(0, 0, 0, 0.5); } + 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 { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + GtkColorSwatch.right, GtkColorSwatch:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + GtkColorSwatch:only-child { + border-radius: 3px; } + GtkColorSwatch.color-active-badge { + border-width: 2px; } + GtkColorSwatch.color-active-badge:hover { + background-image: none; } + GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { + color: rgba(0, 0, 0, 0.3); + border-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); } + +GtkColorChooserWidget #add-color-button { + border-color: #ebeef2; + background-color: #ebeef2; + color: #f9fafb; + box-shadow: none; } + GtkColorChooserWidget #add-color-button:hover { + border-color: #dde3e9; + background-color: #dde3e9; } + +GtkColorButton.button { + padding: 4px; } + GtkColorButton.button GtkColorSwatch { + border-radius: 0; } + +/******** + * Misc * + ********/ +.scale-popup .button { + padding: 6px; } + .scale-popup .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fcfdfd; } + +GtkVolumeButton.button { + padding: 8px; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 4px 4px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 8px 1px rgba(0, 0, 0, 0.1); + /* this is used for the resize cursor area */ + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 5px 2px rgba(0, 0, 0, 0.1); } + .window-frame.tiled { + border-radius: 0; } + .window-frame.csd.popup, .window-frame.csd.menu { + border-radius: 3px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + .window-frame.csd.tooltip { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + .window-frame.csd.message-dialog { + border-radius: 3px; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); } + +.header-bar .button.titlebutton, .titlebar .button.titlebutton, +.header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { + padding: 7px 4px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(231, 232, 235, 0); + border-width: 0; + color: transparent; + background-position: center; + background-repeat: no-repeat; } + .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), +.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar .right .button.titlebutton:nth-last-child(3), +.titlebar .right:dir(rtl) .button.titlebutton:nth-child(3), +.titlebar .left .button.titlebutton:nth-child(3), +.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3), +.header-bar.selection-mode .right .button.titlebutton:nth-last-child(3), +.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), +.header-bar.selection-mode .left .button.titlebutton:nth-child(3), +.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3), +.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), +.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: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, + .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, + .titlebar .left .button.titlebutton:nth-child(3):backdrop:hover, + .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, + .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, + .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, + .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 { + 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, + .header-bar .left .button.titlebutton:nth-child(3):active:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right .button.titlebutton:nth-last-child(3):active:hover, + .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, + .titlebar .left .button.titlebutton:nth-child(3):active:hover, + .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, + .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, + .header-bar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, + .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, + .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop, + .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, + .header-bar .left .button.titlebutton:nth-child(3):backdrop, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop, + .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, + .titlebar .left .button.titlebutton:nth-child(3):backdrop, + .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, + .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, + .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, + .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, + .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), +.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar .right .button.titlebutton:nth-last-child(2), +.titlebar .right:dir(rtl) .button.titlebutton:nth-child(2), +.titlebar .left .button.titlebutton:nth-child(2), +.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2), +.header-bar.selection-mode .right .button.titlebutton:nth-last-child(2), +.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), +.header-bar.selection-mode .left .button.titlebutton:nth-child(2), +.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2), +.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), +.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: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, + .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, + .titlebar .left .button.titlebutton:nth-child(2):backdrop:hover, + .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, + .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, + .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, + .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 { + 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, + .header-bar .left .button.titlebutton:nth-child(2):active:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right .button.titlebutton:nth-last-child(2):active:hover, + .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, + .titlebar .left .button.titlebutton:nth-child(2):active:hover, + .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, + .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, + .header-bar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, + .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, + .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop, + .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, + .header-bar .left .button.titlebutton:nth-child(2):backdrop, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop, + .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, + .titlebar .left .button.titlebutton:nth-child(2):backdrop, + .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, + .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, + .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, + .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, + .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, +.header-bar .left:dir(rtl) .button.titlebutton:last-child, .titlebar .right .button.titlebutton:last-child, +.titlebar .right:dir(rtl) .button.titlebutton:first-child, +.titlebar .left .button.titlebutton:first-child, +.titlebar .left:dir(rtl) .button.titlebutton:last-child, +.header-bar.selection-mode .right .button.titlebutton:last-child, +.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, +.header-bar.selection-mode .left .button.titlebutton:first-child, +.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child, .titlebar.selection-mode .right .button.titlebutton:last-child, +.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, +.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: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, + .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, + .titlebar .left .button.titlebutton:first-child:backdrop:hover, + .titlebar .left:dir(rtl) .button.titlebutton:last-child:hover, + .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .right .button.titlebutton:last-child:hover, + .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, + .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, + .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 { + 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, + .header-bar .left .button.titlebutton:first-child:active:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar .right .button.titlebutton:last-child:active:hover, + .titlebar .right:dir(rtl) .button.titlebutton:first-child:active:hover, + .titlebar .left .button.titlebutton:first-child:active:hover, + .titlebar .left:dir(rtl) .button.titlebutton:last-child:active:hover, + .header-bar.selection-mode .right .button.titlebutton:last-child:active:hover, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, + .header-bar.selection-mode .left .button.titlebutton:first-child:active:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:active:hover, + .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, + .titlebar.selection-mode .left .button.titlebutton:first-child:active:hover, + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + .header-bar .right .button.titlebutton:last-child:backdrop, + .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop, + .header-bar .left .button.titlebutton:first-child:backdrop, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar .right .button.titlebutton:last-child:backdrop, + .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop, + .titlebar .left .button.titlebutton:first-child:backdrop, + .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop, + .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop, + .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, + .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop, + .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, + .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop, + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + +.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; + border-color: transparent; + 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 { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +/* Decouple the font of context menus from their entry/textview */ +.touch-selection, +.context-menu { + font: initial; } + +.monospace { + font: Monospace; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + 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%; + background-repeat: no-repeat; + background-position: center bottom; + 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%; + background-repeat: no-repeat; + background-position: left center; + 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%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + 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%); + padding-bottom: 1px; + background-size: 10px 1px; + 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%); + padding-left: 1px; + background-size: 1px 10px; + 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%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } +TerminalWindow .notebook tab.reorderable-page, +TerminalWindow .notebook tab.reorderable-page:hover { + padding-top: 4px; + padding-bottom: 4px; } +TerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #edf0f3; } +TerminalWindow .notebook tab .active-page GtkLabel { + color: rgba(82, 93, 118, 0.8); } + TerminalWindow .notebook tab .active-page GtkLabel:backdrop { + color: rgba(82, 93, 118, 0.5); } +TerminalWindow .notebook tab.reorderable-page.top:hover { + border-bottom-color: #d4d5db; } +TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top:active:hover { + background-color: #e7e8eb; + border-color: #d4d5db; } + TerminalWindow .notebook tab.reorderable-page.top:active:backdrop, TerminalWindow .notebook tab.reorderable-page.top:active:hover:backdrop { + background-color: rgba(239, 240, 242, 0.95); } +TerminalWindow .scrollbar.vertical .slider { + margin-left: 3px; } +TerminalWindow .scrollbar.trough { + border-width: 0; } + +NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { + border-radius: 3px; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +NautilusNotebook.notebook { + background-color: #ffffff; } + NautilusNotebook.notebook tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; } + +NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { + padding: 5px; + box-shadow: none; } + +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: #dde3e9; } + +NemoWindow .primary-toolbar NemoPathBar.linked > .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(252, 253, 253, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { + border-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + +.gedit-headerbar-paned { + color: rgba(212, 213, 219, 0.95); } + +.open-document-selector-listbox-row { + border-bottom: 1px solid #eaedf1; + padding: 6px 6px 6px 12px; } + .open-document-selector-listbox-row .path-label { + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + .open-document-selector-listbox-row:selected .path-label { + color: rgba(255, 255, 255, 0.7); } + +.gedit-document-panel .list-row .button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel .list-row .button GtkImage { + color: inherit; } +.gedit-document-panel .prelight-row .button { + color: #92969e; } +.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; + background-color: transparent; + border: none; + 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 #dde3e9; + background-color: #dae1e7; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dde3e9; + background-color: #f9fafb; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:prelight.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dde3e9; } + +.gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { + background-color: white; + padding: 6px; + border-color: #dde3e9; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), +GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(252, 253, 253, 0.9); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { + border-color: #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + color: #ffffff; + background-color: #5294E2; + border-color: #5294E2; } +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; + outline-radius: 12.5px 0 0 12.5px; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { + box-shadow: 1px 0 #5294E2; } + +GbEditorFrame .gb-search-slider { + padding: 2px; } + +GdTaggedEntry { + color: #5c616c; } + +.preferences.sidebar GtkViewport { + border: none; } +.preferences.sidebar GtkListBox { + background-color: #f9fafb; } +.preferences.sidebar GtkListBoxRow { + padding: 10px; } + +GbPreferencesPageLanguage GtkSearchEntry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } +GbPreferencesPageLanguage GtkScrolledWindow { + border-top-width: 0; } + +GtkBox.gb-command-bar-box { + border: none; + background-color: #3c4049; } + GtkBox.gb-command-bar-box GtkLabel { + color: #A8ADB5; } + +GtkEntry.gb-command-bar-entry.entry.flat, +GtkEntry.gb-command-bar-entry.entry.flat:focus { + font-family: Monospace; + color: #A8ADB5; + background-image: none; + background-color: #3c4049; + padding: 6px 6px 6px 6px; + border: none; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +GtkScrolledWindow.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { + transition: none; } + +GbViewStack GtkBox.header.notebook, +GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { + border-bottom: 1px solid #dde3e9; } + +GbViewStack.focused GtkBox.header.notebook { + background-color: #f9fafb; } + GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +.documents-load-more.button { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +.documents-favorite.button:active, +.documents-favorite.button:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + background-color: #639fe5; } + .documents-entry-tag:active { + background-color: #4189df; } + .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { + background: none; + border: none; + box-shadow: none; + icon-shadow: none; } + .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #A8ADB5; + background-image: linear-gradient(to bottom, rgba(37, 39, 45, 0.95)); } + +PanelApplet .button, PanelApplet .button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #A8ADB5; } + +PanelApplet .button:hover { + color: #c4c7cc; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet .button:active, PanelApplet .button:active:backdrop, +PanelApplet .button:checked, PanelApplet .button:checked:backdrop { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #54565a; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #A8ADB5; } + +.xfce4-panel.panel { + background-color: rgba(37, 39, 45, 0.95); } + .xfce4-panel.panel .button.flat { + color: #A8ADB5; + background-color: rgba(37, 39, 45, 0); + border-radius: 0; } + .xfce4-panel.panel .button.flat:hover { + border: none; + background-color: rgba(60, 64, 73, 0.95); } + .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { + color: #5294E2; + border: none; + background-color: rgba(21, 22, 25, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +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: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 14.5px; + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:insensitive { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #ffffff); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + +.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 rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + +.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; } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + PantheonTerminalPantheonTerminalWindow.background .titlebar { + background-color: rgba(231, 232, 235, 0.95); } + PantheonTerminalPantheonTerminalWindow.background .notebook.header.top { + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #edf0f3; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +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.15); + -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: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e7e8eb); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + UnityDecoration.top:backdrop { + 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 { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #25272d); + color: #dfe1e4; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #5294E2; + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar GtkLabel { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dde3e9; + border-right: 1px solid #dde3e9; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +.secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dde3e9; } + .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { + padding: 0 3px 0 3px; } + +.bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dde3e9; + background-color: #f9fafb; } + .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #f9fafb; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:prelight { + background-color: white; } + +.source-list.view:selected, +.source-list.view:prelight:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list .scrollbar.trough, +.source-list .scrollbars-junction, +.source-list .scrollbar.trough { + border-image: none; + border-color: transparent; + background-color: #f9fafb; + 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: #5294E2; + color: #ffffff; + 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: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -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"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome GtkLabel { + color: #aaadb3; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8b8e96; + font-weight: 600; + text-shadow: 0 1px rgba(255, 255, 255, 0.6); } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +.titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { + color: rgba(212, 213, 219, 0.95); } + +GtkFileChooserDialog .dialog-action-box { + background-color: #f9fafb; } + +NemoWindow GtkEventBox { + background-color: #f9fafb; } + +GtkFileChooserDialog *, +NautilusWindow *, +NemoWindow { + -GtkPaned-handle-size: 0; } + +GtkFileChooserDialog.background, +GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +NautilusWindow.background, +NautilusWindow .source-list, +NautilusWindow .source-list.view, +NautilusWindow .source-list.view:prelight, +NemoWindow.background, +NemoWindow .source-list, +NemoWindow .source-list.view, +NemoWindow .source-list.view:prelight, +MarlinViewWindow.background, +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 .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 { + background-color: rgba(60, 64, 73, 0.95); } + GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .source-list.sidebar.view .view, + NautilusWindow .sidebar .view, + NautilusWindow .source-list.sidebar.view .view, + NemoWindow .sidebar .view, + NemoWindow .source-list.sidebar.view .view, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .source-list.sidebar.view .view { + background-color: transparent; + color: #A8ADB5; } + GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, + NautilusWindow .sidebar .view.image, + NautilusWindow .source-list.sidebar.view .view.image, + NemoWindow .sidebar .view.image, + NemoWindow .source-list.sidebar.view .view.image, + MarlinViewWindow .sidebar .view.image, + MarlinViewWindow .source-list.sidebar.view .view.image { + color: rgba(168, 173, 181, 0.6); } + GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, + NautilusWindow .sidebar .view.cell:selected, + NautilusWindow .source-list.sidebar.view .view.cell:selected, + NemoWindow .sidebar .view.cell:selected, + NemoWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected { + background-color: #5294E2; + color: #ffffff; } + 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 { + color: #A8ADB5; } + 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 { + color: transparent; } + 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 { + background-color: transparent; + border-color: transparent; } + 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 { + border-radius: 20px; + border: 3px solid transparent; + background-color: rgba(209, 212, 216, 0.7); } + 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 { + background-color: #dfe1e4; } + 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 { + background-color: #5294E2; } + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.slider.fine-tune, + NautilusWindow .sidebar .scrollbar.slider.fine-tune, + NautilusWindow .source-list.sidebar.view .scrollbar.slider.fine-tune, + NemoWindow .sidebar .scrollbar.slider.fine-tune, + NemoWindow .source-list.sidebar.view .scrollbar.slider.fine-tune, + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, + MarlinViewWindow .source-list.sidebar.view .scrollbar.slider.fine-tune { + border-width: 4px; } + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.slider.fine-tune:prelight:active, + NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, + NautilusWindow .source-list.sidebar.view .scrollbar.slider.fine-tune:prelight:active, + NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, + NemoWindow .source-list.sidebar.view .scrollbar.slider.fine-tune:prelight:active, + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, + MarlinViewWindow .source-list.sidebar.view .scrollbar.slider.fine-tune:prelight:active { + background-color: #5294E2; } + 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 { + 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, +MarlinViewWindow .pane-separator { + background-color: rgba(60, 64, 73, 0.95); } + +GtkFileChooserDialog GtkPaned > .vertical > .horizontal { + background-color: #f9fafb; } + +GeditWindow.background { + background-color: transparent; } + GeditWindow.background .pane-separator, + GeditWindow.background .pane-separator:hover { + background-color: rgba(60, 64, 73, 0.95); } + GeditWindow.background .titlebar .pane-separator { + background-color: rgba(212, 213, 219, 0.95); } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: rgba(60, 64, 73, 0.95); } + .maximized .gedit-document-panel { + background-color: #3c4049; } + .gedit-document-panel .list-row { + color: #A8ADB5; } + .gedit-document-panel .list-row { + background-color: rgba(168, 173, 181, 0); + border: solid rgba(168, 173, 181, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .list-row:hover { + border: solid rgba(168, 173, 181, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(168, 173, 181, 0.15); } + .gedit-document-panel .list-row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .list-row:active .button { + color: #ffffff; } + .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row .button:active { + color: #A8ADB5; } + +GeditFileBrowserWidget { + background-color: rgba(60, 64, 73, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #3c4049; } + GeditFileBrowserWidget .scrollbar.trough { + background-color: transparent; + border-color: transparent; } + GeditFileBrowserWidget .scrollbar.slider { + border-radius: 20px; + border: 3px solid transparent; + background-color: rgba(209, 212, 216, 0.7); } + GeditFileBrowserWidget .scrollbar.slider:hover { + background-color: #dfe1e4; } + GeditFileBrowserWidget .scrollbar.slider:prelight:active { + background-color: #5294E2; } + GeditFileBrowserWidget .scrollbar.slider.fine-tune { + border-width: 4px; } + GeditFileBrowserWidget .scrollbar.slider.fine-tune:prelight:active { + background-color: #5294E2; } + GeditFileBrowserWidget .scrollbar.slider:insensitive { + background-color: transparent; } + GeditFileBrowserWidget .scrollbars-junction, GeditFileBrowserWidget .scrollbar.trough, + GeditFileBrowserWidget .scrollbars-junction.frame, + GeditFileBrowserWidget .frame.scrollbar.trough { + border-color: transparent; + background-color: transparent; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(44, 47, 53, 0.95); } + GeditFileBrowserWidget .horizontal .button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #A8ADB5; + border: 1px solid transparent; } + GeditFileBrowserWidget .horizontal .button:hover { + border: 1px solid #5294E2; } + GeditFileBrowserWidget .horizontal .button:active, GeditFileBrowserWidget .horizontal .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + GeditFileBrowserWidget .horizontal .button:insensitive { + color: rgba(168, 173, 181, 0.4); } + GeditFileBrowserWidget .horizontal GtkComboBox { + color: #A8ADB5; } + +GeditFileBrowserView.view { + background-color: transparent; + color: #A8ADB5; } + GeditFileBrowserView.view.expander { + color: #A8ADB5; } + GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog .action-bar.frame { + background-color: rgba(55, 59, 67, 0.95); + border-color: rgba(44, 47, 53, 0.95); } + GtkFileChooserDialog .action-bar.frame GtkLabel { + color: #A8ADB5; } + GtkFileChooserDialog .action-bar.frame .button { + border-color: transparent; + background-color: transparent; + background-image: none; } + GtkFileChooserDialog .action-bar.frame .button:hover { + border: 1px solid #5294E2; } + GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .action-bar.frame .button:checked { + border: 1px solid #5294E2; + color: #ffffff; + background-color: #5294E2; } + GtkFileChooserDialog .action-bar.frame .button:insensitive { + color: rgba(168, 173, 181, 0.4); } + GtkFileChooserDialog .action-bar.frame GtkComboBox { + color: #A8ADB5; } + +/* GTK NAMED COLORS */ +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #f9fafb; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #f9fafb; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fcfdfd; +@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@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 #f9fafb; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dde3e9; +@define-color unfocused_borders #dde3e9; +@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_bg #e7e8eb; +@define-color wm_bg_unfocused #eff0f2; +@define-color wm_highlight #f2f3f4; +@define-color wm_shadow alpha(black, 0.35); +@define-color content_view_bg #ffffff; diff --git a/gtk-3.0/gtk-contained.scss b/common/gtk-3.0/3.14/gtk-contained.scss similarity index 100% rename from gtk-3.0/gtk-contained.scss rename to common/gtk-3.0/3.14/gtk-contained.scss diff --git a/gtk-3.0/gtk.css b/common/gtk-3.0/3.14/gtk.css similarity index 100% rename from gtk-3.0/gtk.css rename to common/gtk-3.0/3.14/gtk.css diff --git a/gtk-3.0/parse-sass.sh b/common/gtk-3.0/3.14/parse-sass.sh similarity index 100% rename from gtk-3.0/parse-sass.sh rename to common/gtk-3.0/3.14/parse-sass.sh diff --git a/gtk-3.0/render-assets.sh b/common/gtk-3.0/3.14/render-assets.sh similarity index 100% rename from gtk-3.0/render-assets.sh rename to common/gtk-3.0/3.14/render-assets.sh diff --git a/common/gtk-3.0/3.16/Gemfile b/common/gtk-3.0/3.16/Gemfile new file mode 100644 index 0000000..c177689 --- /dev/null +++ b/common/gtk-3.0/3.16/Gemfile @@ -0,0 +1,3 @@ +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 new file mode 100644 index 0000000..f64766f --- /dev/null +++ b/common/gtk-3.0/3.16/Gemfile.lock @@ -0,0 +1,10 @@ +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/README b/common/gtk-3.0/3.16/README new file mode 100644 index 0000000..befb776 --- /dev/null +++ b/common/gtk-3.0/3.16/README @@ -0,0 +1,9 @@ +* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run + `/.parse-sass.sh` when you have the required sofwtare installed, as described below) + +* To be able to use the lates/adequate version of sass, install ruby and get the sass gem via bundle. + This is done with `gem install bundle && bundle install` from the same directory this README resides in. + +You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to any .scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you +edit. This is done by running `bundle exec sass --watch --sourcemap=none .` If sass is out of date, or is +missing, you can install it with `bundle install`. diff --git a/gtk-3.0/_applications.scss b/common/gtk-3.0/3.16/_applications.scss similarity index 100% rename from gtk-3.0/_applications.scss rename to common/gtk-3.0/3.16/_applications.scss diff --git a/common/gtk-3.0/3.16/_colors-public.scss b/common/gtk-3.0/3.16/_colors-public.scss new file mode 100644 index 0000000..c281d89 --- /dev/null +++ b/common/gtk-3.0/3.16/_colors-public.scss @@ -0,0 +1,49 @@ +//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), 4%); +$wm_bg_unfocused: opacify(lighten($header_bg, 3%), 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); + +//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 new file mode 100644 index 0000000..5a1ad1f --- /dev/null +++ b/common/gtk-3.0/3.16/_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: transparentize($selected_bg_color, 0.05); +$warning_color: #F27835; +$error_color: #FC4138; +$success_color: #73d216; +$destructive_color: #FA4349; +$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/gtk-3.0/_common.scss b/common/gtk-3.0/3.16/_common.scss similarity index 100% rename from gtk-3.0/_common.scss rename to common/gtk-3.0/3.16/_common.scss diff --git a/common/gtk-3.0/3.16/_drawing.scss b/common/gtk-3.0/3.16/_drawing.scss new file mode 100644 index 0000000..0300ce1 --- /dev/null +++ b/common/gtk-3.0/3.16/_drawing.scss @@ -0,0 +1,360 @@ +// 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)); + } + + @if $t==header-normal { + // + // normal header-bar entry + // + color: $header_fg; + border-color: transparentize($header_fg, 0.7); + background-image: linear-gradient(to bottom, transparentize($base_color, 0.1)); + 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($base_color, 0.45)); + } + + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-clip: padding-box; + + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + } + + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-clip: padding-box; + + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + } + + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + background-clip: padding-box; + + text-shadow: none; + icon-shadow: none; + } +} + +// Buttons + +@mixin button($t) { +// +// Button drawing function +// +// $t: button type, +// + + @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; } + } + + @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: transparentize($header_fg, 0.7); + background-color: transparentize($button_bg, 0.1); + } + + @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==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 new file mode 100644 index 0000000..1e53c7f --- /dev/null +++ b/common/gtk-3.0/3.16/_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/gtk-3.0/_transparent_widgets.scss b/common/gtk-3.0/3.16/_transparent_widgets.scss similarity index 100% rename from gtk-3.0/_transparent_widgets.scss rename to common/gtk-3.0/3.16/_transparent_widgets.scss diff --git a/common/gtk-3.0/3.16/_unity.scss b/common/gtk-3.0/3.16/_unity.scss new file mode 100644 index 0000000..e50b1d9 --- /dev/null +++ b/common/gtk-3.0/3.16/_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.15); + -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 rgba(0, 0, 0, 0.1); + 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, lighten(opacify($header_bg, 1), 3%)); + color: transparentize($header_fg, 0.3); + } + } + &.left, &.right, &.bottom, + &.left:backdrop, &.right:backdrop, &.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); + } +} + +// 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/assets.svg b/common/gtk-3.0/3.16/assets.svg new file mode 100644 index 0000000..8a9b917 --- /dev/null +++ b/common/gtk-3.0/3.16/assets.svg @@ -0,0 +1,3397 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gtk-3.0/3.16/assets.txt b/common/gtk-3.0/3.16/assets.txt new file mode 100644 index 0000000..029d3a8 --- /dev/null +++ b/common/gtk-3.0/3.16/assets.txt @@ -0,0 +1,50 @@ +checkbox-checked +checkbox-checked-insensitive +checkbox-unchecked +checkbox-unchecked-insensitive +checkbox-mixed +checkbox-mixed-insensitive +radio-checked +radio-checked-insensitive +radio-unchecked +radio-unchecked-insensitive +radio-mixed +radio-mixed-insensitive +checkbox-checked-selected +checkbox-checked-insensitive-selected +checkbox-unchecked-selected +checkbox-unchecked-insensitive-selected +checkbox-mixed-selected +checkbox-mixed-insensitive-selected +checkbox-checked-selectionmode +checkbox-selectionmode +radio-checked-selected +radio-checked-insensitive-selected +radio-unchecked-selected +radio-unchecked-insensitive-selected +radio-mixed-selected +radio-mixed-insensitive-selected +switch +switch-active +switch-insensitive +switch-active-insensitive +switch-header +switch-active-header +switch-insensitive-header +switch-active-insensitive-header +switch-selected +switch-active-selected +switch-insensitive-selected +switch-active-insensitive-selected +titlebutton-close +titlebutton-close-backdrop +titlebutton-close-hover +titlebutton-close-active +titlebutton-max +titlebutton-max-backdrop +titlebutton-max-hover +titlebutton-max-active +titlebutton-min +titlebutton-min-backdrop +titlebutton-min-hover +titlebutton-min-active diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive-selected.png b/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive-selected.png new file mode 100644 index 0000000..8e06d91 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive-selected@2.png b/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive-selected@2.png new file mode 100644 index 0000000..b48537b Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive.png b/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive.png new file mode 100644 index 0000000..024b806 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive@2.png b/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 0000000..f26d85d Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked-selected.png b/common/gtk-3.0/3.16/assets/checkbox-checked-selected.png new file mode 100644 index 0000000..55cf2b4 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked-selected@2.png b/common/gtk-3.0/3.16/assets/checkbox-checked-selected@2.png new file mode 100644 index 0000000..a8eff42 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked-selectionmode.png b/common/gtk-3.0/3.16/assets/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..c73174f Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked-selectionmode.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked-selectionmode@2.png b/common/gtk-3.0/3.16/assets/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..a8232c5 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked-selectionmode@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked.png b/common/gtk-3.0/3.16/assets/checkbox-checked.png new file mode 100644 index 0000000..11047e9 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-checked@2.png b/common/gtk-3.0/3.16/assets/checkbox-checked@2.png new file mode 100644 index 0000000..41faf59 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-checked@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive-selected.png b/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive-selected.png new file mode 100644 index 0000000..35df841 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive-selected@2.png b/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive-selected@2.png new file mode 100644 index 0000000..2d35e3a Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive.png b/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive.png new file mode 100644 index 0000000..14aff93 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive@2.png b/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000..dfed81e Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-mixed-insensitive@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-mixed-selected.png b/common/gtk-3.0/3.16/assets/checkbox-mixed-selected.png new file mode 100644 index 0000000..c7b5cf2 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-mixed-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-mixed-selected@2.png b/common/gtk-3.0/3.16/assets/checkbox-mixed-selected@2.png new file mode 100644 index 0000000..4b8b72c Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-mixed-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-mixed.png b/common/gtk-3.0/3.16/assets/checkbox-mixed.png new file mode 100644 index 0000000..315b044 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-mixed.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-mixed@2.png b/common/gtk-3.0/3.16/assets/checkbox-mixed@2.png new file mode 100644 index 0000000..23c658d Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-mixed@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-selectionmode.png b/common/gtk-3.0/3.16/assets/checkbox-selectionmode.png new file mode 100644 index 0000000..37c9563 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-selectionmode.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-selectionmode@2.png b/common/gtk-3.0/3.16/assets/checkbox-selectionmode@2.png new file mode 100644 index 0000000..fae67bd Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-selectionmode@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive-selected.png b/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive-selected.png new file mode 100644 index 0000000..e937146 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive-selected@2.png b/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive-selected@2.png new file mode 100644 index 0000000..9a0e07a Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive.png b/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..3b3603a Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive@2.png b/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 0000000..b71fb40 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-unchecked-selected.png b/common/gtk-3.0/3.16/assets/checkbox-unchecked-selected.png new file mode 100644 index 0000000..53ef897 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-unchecked-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-unchecked-selected@2.png b/common/gtk-3.0/3.16/assets/checkbox-unchecked-selected@2.png new file mode 100644 index 0000000..191ff32 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-unchecked-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-unchecked.png b/common/gtk-3.0/3.16/assets/checkbox-unchecked.png new file mode 100644 index 0000000..b804302 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-unchecked.png differ diff --git a/common/gtk-3.0/3.16/assets/checkbox-unchecked@2.png b/common/gtk-3.0/3.16/assets/checkbox-unchecked@2.png new file mode 100644 index 0000000..b8792c9 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/checkbox-unchecked@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-checked-insensitive-selected.png b/common/gtk-3.0/3.16/assets/radio-checked-insensitive-selected.png new file mode 100644 index 0000000..aeadd97 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-checked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-checked-insensitive-selected@2.png b/common/gtk-3.0/3.16/assets/radio-checked-insensitive-selected@2.png new file mode 100644 index 0000000..dcb6214 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-checked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-checked-insensitive.png b/common/gtk-3.0/3.16/assets/radio-checked-insensitive.png new file mode 100644 index 0000000..a166ea3 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-checked-insensitive.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-checked-insensitive@2.png b/common/gtk-3.0/3.16/assets/radio-checked-insensitive@2.png new file mode 100644 index 0000000..e4a7c3d Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-checked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-checked-selected.png b/common/gtk-3.0/3.16/assets/radio-checked-selected.png new file mode 100644 index 0000000..aa261d0 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-checked-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-checked-selected@2.png b/common/gtk-3.0/3.16/assets/radio-checked-selected@2.png new file mode 100644 index 0000000..92762b8 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-checked-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-checked.png b/common/gtk-3.0/3.16/assets/radio-checked.png new file mode 100644 index 0000000..4ddb8a6 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-checked.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-checked@2.png b/common/gtk-3.0/3.16/assets/radio-checked@2.png new file mode 100644 index 0000000..a78d7df Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-checked@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-mixed-insensitive-selected.png b/common/gtk-3.0/3.16/assets/radio-mixed-insensitive-selected.png new file mode 100644 index 0000000..95d6162 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-mixed-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-mixed-insensitive-selected@2.png b/common/gtk-3.0/3.16/assets/radio-mixed-insensitive-selected@2.png new file mode 100644 index 0000000..11da224 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-mixed-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-mixed-insensitive.png b/common/gtk-3.0/3.16/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000..3af92cd Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-mixed-insensitive.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-mixed-insensitive@2.png b/common/gtk-3.0/3.16/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000..2803be0 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-mixed-insensitive@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-mixed-selected.png b/common/gtk-3.0/3.16/assets/radio-mixed-selected.png new file mode 100644 index 0000000..4378bca Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-mixed-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-mixed-selected@2.png b/common/gtk-3.0/3.16/assets/radio-mixed-selected@2.png new file mode 100644 index 0000000..58468d2 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-mixed-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-mixed.png b/common/gtk-3.0/3.16/assets/radio-mixed.png new file mode 100644 index 0000000..9d9ebf5 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-mixed.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-mixed@2.png b/common/gtk-3.0/3.16/assets/radio-mixed@2.png new file mode 100644 index 0000000..985528c Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-mixed@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive-selected.png b/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive-selected.png new file mode 100644 index 0000000..0e5cb21 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive-selected@2.png b/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive-selected@2.png new file mode 100644 index 0000000..030e403 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive.png b/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000..534e629 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive@2.png b/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000..05885d3 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-unchecked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-unchecked-selected.png b/common/gtk-3.0/3.16/assets/radio-unchecked-selected.png new file mode 100644 index 0000000..09cf922 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-unchecked-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-unchecked-selected@2.png b/common/gtk-3.0/3.16/assets/radio-unchecked-selected@2.png new file mode 100644 index 0000000..facb20e Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-unchecked-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-unchecked.png b/common/gtk-3.0/3.16/assets/radio-unchecked.png new file mode 100644 index 0000000..7f8e012 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-unchecked.png differ diff --git a/common/gtk-3.0/3.16/assets/radio-unchecked@2.png b/common/gtk-3.0/3.16/assets/radio-unchecked@2.png new file mode 100644 index 0000000..bfcd028 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/radio-unchecked@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-header.png b/common/gtk-3.0/3.16/assets/switch-active-header.png new file mode 100644 index 0000000..5b0e6af Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-header.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-header@2.png b/common/gtk-3.0/3.16/assets/switch-active-header@2.png new file mode 100644 index 0000000..8278006 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-header@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-insensitive-header.png b/common/gtk-3.0/3.16/assets/switch-active-insensitive-header.png new file mode 100644 index 0000000..52ae5eb Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-insensitive-header.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-insensitive-header@2.png b/common/gtk-3.0/3.16/assets/switch-active-insensitive-header@2.png new file mode 100644 index 0000000..af407a4 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-insensitive-header@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-insensitive-selected.png b/common/gtk-3.0/3.16/assets/switch-active-insensitive-selected.png new file mode 100644 index 0000000..8a19f72 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-insensitive-selected@2.png b/common/gtk-3.0/3.16/assets/switch-active-insensitive-selected@2.png new file mode 100644 index 0000000..4971b1c Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-insensitive.png b/common/gtk-3.0/3.16/assets/switch-active-insensitive.png new file mode 100644 index 0000000..52ae5eb Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-insensitive.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-insensitive@2.png b/common/gtk-3.0/3.16/assets/switch-active-insensitive@2.png new file mode 100644 index 0000000..af407a4 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-insensitive@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-selected.png b/common/gtk-3.0/3.16/assets/switch-active-selected.png new file mode 100644 index 0000000..45329ee Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active-selected@2.png b/common/gtk-3.0/3.16/assets/switch-active-selected@2.png new file mode 100644 index 0000000..f60c445 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active.png b/common/gtk-3.0/3.16/assets/switch-active.png new file mode 100644 index 0000000..5b0e6af Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-active@2.png b/common/gtk-3.0/3.16/assets/switch-active@2.png new file mode 100644 index 0000000..8278006 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-active@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-header.png b/common/gtk-3.0/3.16/assets/switch-header.png new file mode 100644 index 0000000..eb88a61 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-header.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-header@2.png b/common/gtk-3.0/3.16/assets/switch-header@2.png new file mode 100644 index 0000000..60dcdeb Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-header@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-insensitive-header.png b/common/gtk-3.0/3.16/assets/switch-insensitive-header.png new file mode 100644 index 0000000..48fdd03 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-insensitive-header.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-insensitive-header@2.png b/common/gtk-3.0/3.16/assets/switch-insensitive-header@2.png new file mode 100644 index 0000000..2107966 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-insensitive-header@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-insensitive-selected.png b/common/gtk-3.0/3.16/assets/switch-insensitive-selected.png new file mode 100644 index 0000000..a244750 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-insensitive-selected@2.png b/common/gtk-3.0/3.16/assets/switch-insensitive-selected@2.png new file mode 100644 index 0000000..eede04d Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-insensitive.png b/common/gtk-3.0/3.16/assets/switch-insensitive.png new file mode 100644 index 0000000..e4f612c Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-insensitive.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-insensitive@2.png b/common/gtk-3.0/3.16/assets/switch-insensitive@2.png new file mode 100644 index 0000000..afe71ee Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-insensitive@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-selected.png b/common/gtk-3.0/3.16/assets/switch-selected.png new file mode 100644 index 0000000..3f445a9 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-selected.png differ diff --git a/common/gtk-3.0/3.16/assets/switch-selected@2.png b/common/gtk-3.0/3.16/assets/switch-selected@2.png new file mode 100644 index 0000000..cfed5a3 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch-selected@2.png differ diff --git a/common/gtk-3.0/3.16/assets/switch.png b/common/gtk-3.0/3.16/assets/switch.png new file mode 100644 index 0000000..ba8bea9 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch.png differ diff --git a/common/gtk-3.0/3.16/assets/switch@2.png b/common/gtk-3.0/3.16/assets/switch@2.png new file mode 100644 index 0000000..40ceef0 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/switch@2.png differ diff --git a/common/gtk-3.0/3.16/assets/thumbnail-frame.png b/common/gtk-3.0/3.16/assets/thumbnail-frame.png new file mode 100644 index 0000000..ba5d721 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/thumbnail-frame.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-close-active.png b/common/gtk-3.0/3.16/assets/titlebutton-close-active.png new file mode 100644 index 0000000..6d2fc72 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-close-active.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-close-active@2.png b/common/gtk-3.0/3.16/assets/titlebutton-close-active@2.png new file mode 100644 index 0000000..4e4b471 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-close-active@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-close-backdrop.png b/common/gtk-3.0/3.16/assets/titlebutton-close-backdrop.png new file mode 100644 index 0000000..e0e5654 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-close-backdrop.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-close-backdrop@2.png b/common/gtk-3.0/3.16/assets/titlebutton-close-backdrop@2.png new file mode 100644 index 0000000..dfe5e61 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-close-backdrop@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-close-hover.png b/common/gtk-3.0/3.16/assets/titlebutton-close-hover.png new file mode 100644 index 0000000..157eaac Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-close-hover.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-close-hover@2.png b/common/gtk-3.0/3.16/assets/titlebutton-close-hover@2.png new file mode 100644 index 0000000..6eb2d20 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-close-hover@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-close.png b/common/gtk-3.0/3.16/assets/titlebutton-close.png new file mode 100644 index 0000000..4ac9243 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-close.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-close@2.png b/common/gtk-3.0/3.16/assets/titlebutton-close@2.png new file mode 100644 index 0000000..e1c4b76 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-close@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-max-active.png b/common/gtk-3.0/3.16/assets/titlebutton-max-active.png new file mode 100644 index 0000000..a6ca483 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-max-active.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-max-active@2.png b/common/gtk-3.0/3.16/assets/titlebutton-max-active@2.png new file mode 100644 index 0000000..fba1731 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-max-active@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-max-backdrop.png b/common/gtk-3.0/3.16/assets/titlebutton-max-backdrop.png new file mode 100644 index 0000000..fc40744 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-max-backdrop.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-max-backdrop@2.png b/common/gtk-3.0/3.16/assets/titlebutton-max-backdrop@2.png new file mode 100644 index 0000000..88e3fb5 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-max-backdrop@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-max-hover.png b/common/gtk-3.0/3.16/assets/titlebutton-max-hover.png new file mode 100644 index 0000000..3362698 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-max-hover.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-max-hover@2.png b/common/gtk-3.0/3.16/assets/titlebutton-max-hover@2.png new file mode 100644 index 0000000..7b8cb1b Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-max-hover@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-max.png b/common/gtk-3.0/3.16/assets/titlebutton-max.png new file mode 100644 index 0000000..6bb22ed Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-max.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-max@2.png b/common/gtk-3.0/3.16/assets/titlebutton-max@2.png new file mode 100644 index 0000000..13d1e73 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-max@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-min-active.png b/common/gtk-3.0/3.16/assets/titlebutton-min-active.png new file mode 100644 index 0000000..17f484f Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-min-active.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-min-active@2.png b/common/gtk-3.0/3.16/assets/titlebutton-min-active@2.png new file mode 100644 index 0000000..277d401 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-min-active@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-min-backdrop.png b/common/gtk-3.0/3.16/assets/titlebutton-min-backdrop.png new file mode 100644 index 0000000..a83a5e5 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-min-backdrop.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-min-backdrop@2.png b/common/gtk-3.0/3.16/assets/titlebutton-min-backdrop@2.png new file mode 100644 index 0000000..20a41a4 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-min-backdrop@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-min-hover.png b/common/gtk-3.0/3.16/assets/titlebutton-min-hover.png new file mode 100644 index 0000000..24ee141 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-min-hover.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-min-hover@2.png b/common/gtk-3.0/3.16/assets/titlebutton-min-hover@2.png new file mode 100644 index 0000000..f6c8c3d Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-min-hover@2.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-min.png b/common/gtk-3.0/3.16/assets/titlebutton-min.png new file mode 100644 index 0000000..f4afc8c Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-min.png differ diff --git a/common/gtk-3.0/3.16/assets/titlebutton-min@2.png b/common/gtk-3.0/3.16/assets/titlebutton-min@2.png new file mode 100644 index 0000000..8d683d4 Binary files /dev/null and b/common/gtk-3.0/3.16/assets/titlebutton-min@2.png differ diff --git a/gtk-3.0/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css similarity index 100% rename from gtk-3.0/gtk-contained.css rename to common/gtk-3.0/3.16/gtk-contained.css diff --git a/common/gtk-3.0/3.16/gtk-contained.scss b/common/gtk-3.0/3.16/gtk-contained.scss new file mode 100644 index 0000000..f7c24c3 --- /dev/null +++ b/common/gtk-3.0/3.16/gtk-contained.scss @@ -0,0 +1,13 @@ +// 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 + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.16/gtk.css b/common/gtk-3.0/3.16/gtk.css new file mode 100644 index 0000000..20b78fd --- /dev/null +++ b/common/gtk-3.0/3.16/gtk.css @@ -0,0 +1 @@ +@import url("gtk-contained.css"); diff --git a/common/gtk-3.0/3.16/parse-sass.sh b/common/gtk-3.0/3.16/parse-sass.sh new file mode 100755 index 0000000..e9cda25 --- /dev/null +++ b/common/gtk-3.0/3.16/parse-sass.sh @@ -0,0 +1,3 @@ +#!/usr/bin/bash + +bundle exec sass --update --sourcemap=none . diff --git a/common/gtk-3.0/3.16/render-assets.sh b/common/gtk-3.0/3.16/render-assets.sh new file mode 100755 index 0000000..24d7675 --- /dev/null +++ b/common/gtk-3.0/3.16/render-assets.sh @@ -0,0 +1,34 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png +fi +done +exit 0 diff --git a/index.theme b/common/index.theme similarity index 100% rename from index.theme rename to common/index.theme diff --git a/metacity-1/close.svg b/common/metacity-1/close.svg similarity index 100% rename from metacity-1/close.svg rename to common/metacity-1/close.svg diff --git a/metacity-1/close_prelight.svg b/common/metacity-1/close_prelight.svg similarity index 100% rename from metacity-1/close_prelight.svg rename to common/metacity-1/close_prelight.svg diff --git a/metacity-1/close_pressed.svg b/common/metacity-1/close_pressed.svg similarity index 100% rename from metacity-1/close_pressed.svg rename to common/metacity-1/close_pressed.svg diff --git a/metacity-1/close_unfocused.svg b/common/metacity-1/close_unfocused.svg similarity index 100% rename from metacity-1/close_unfocused.svg rename to common/metacity-1/close_unfocused.svg diff --git a/metacity-1/max.svg b/common/metacity-1/max.svg similarity index 100% rename from metacity-1/max.svg rename to common/metacity-1/max.svg diff --git a/metacity-1/max_prelight.svg b/common/metacity-1/max_prelight.svg similarity index 100% rename from metacity-1/max_prelight.svg rename to common/metacity-1/max_prelight.svg diff --git a/metacity-1/max_pressed.svg b/common/metacity-1/max_pressed.svg similarity index 100% rename from metacity-1/max_pressed.svg rename to common/metacity-1/max_pressed.svg diff --git a/metacity-1/max_unfocused.svg b/common/metacity-1/max_unfocused.svg similarity index 100% rename from metacity-1/max_unfocused.svg rename to common/metacity-1/max_unfocused.svg diff --git a/metacity-1/metacity-theme-1.xml b/common/metacity-1/metacity-theme-1.xml similarity index 100% rename from metacity-1/metacity-theme-1.xml rename to common/metacity-1/metacity-theme-1.xml diff --git a/metacity-1/metacity-theme-2.xml b/common/metacity-1/metacity-theme-2.xml similarity index 100% rename from metacity-1/metacity-theme-2.xml rename to common/metacity-1/metacity-theme-2.xml diff --git a/metacity-1/metacity-theme-3.xml b/common/metacity-1/metacity-theme-3.xml similarity index 100% rename from metacity-1/metacity-theme-3.xml rename to common/metacity-1/metacity-theme-3.xml diff --git a/metacity-1/min.svg b/common/metacity-1/min.svg similarity index 100% rename from metacity-1/min.svg rename to common/metacity-1/min.svg diff --git a/metacity-1/min_prelight.svg b/common/metacity-1/min_prelight.svg similarity index 100% rename from metacity-1/min_prelight.svg rename to common/metacity-1/min_prelight.svg diff --git a/metacity-1/min_pressed.svg b/common/metacity-1/min_pressed.svg similarity index 100% rename from metacity-1/min_pressed.svg rename to common/metacity-1/min_pressed.svg diff --git a/metacity-1/min_unfocused.svg b/common/metacity-1/min_unfocused.svg similarity index 100% rename from metacity-1/min_unfocused.svg rename to common/metacity-1/min_unfocused.svg diff --git a/unity/close.svg b/common/unity/close.svg similarity index 100% rename from unity/close.svg rename to common/unity/close.svg diff --git a/unity/close_dash.svg b/common/unity/close_dash.svg similarity index 100% rename from unity/close_dash.svg rename to common/unity/close_dash.svg diff --git a/unity/close_dash_disabled.svg b/common/unity/close_dash_disabled.svg similarity index 100% rename from unity/close_dash_disabled.svg rename to common/unity/close_dash_disabled.svg diff --git a/unity/close_dash_prelight.svg b/common/unity/close_dash_prelight.svg similarity index 100% rename from unity/close_dash_prelight.svg rename to common/unity/close_dash_prelight.svg diff --git a/unity/close_dash_pressed.svg b/common/unity/close_dash_pressed.svg similarity index 100% rename from unity/close_dash_pressed.svg rename to common/unity/close_dash_pressed.svg diff --git a/unity/close_focused_normal.svg b/common/unity/close_focused_normal.svg similarity index 100% rename from unity/close_focused_normal.svg rename to common/unity/close_focused_normal.svg diff --git a/unity/close_focused_prelight.svg b/common/unity/close_focused_prelight.svg similarity index 100% rename from unity/close_focused_prelight.svg rename to common/unity/close_focused_prelight.svg diff --git a/unity/close_focused_pressed.svg b/common/unity/close_focused_pressed.svg similarity index 100% rename from unity/close_focused_pressed.svg rename to common/unity/close_focused_pressed.svg diff --git a/unity/close_unfocused.svg b/common/unity/close_unfocused.svg similarity index 100% rename from unity/close_unfocused.svg rename to common/unity/close_unfocused.svg diff --git a/unity/close_unfocused_prelight.svg b/common/unity/close_unfocused_prelight.svg similarity index 100% rename from unity/close_unfocused_prelight.svg rename to common/unity/close_unfocused_prelight.svg diff --git a/unity/close_unfocused_pressed.svg b/common/unity/close_unfocused_pressed.svg similarity index 100% rename from unity/close_unfocused_pressed.svg rename to common/unity/close_unfocused_pressed.svg diff --git a/unity/launcher_arrow_ltr_19.svg b/common/unity/launcher_arrow_ltr_19.svg similarity index 100% rename from unity/launcher_arrow_ltr_19.svg rename to common/unity/launcher_arrow_ltr_19.svg diff --git a/unity/launcher_arrow_ltr_37.svg b/common/unity/launcher_arrow_ltr_37.svg similarity index 100% rename from unity/launcher_arrow_ltr_37.svg rename to common/unity/launcher_arrow_ltr_37.svg diff --git a/unity/launcher_arrow_outline_ltr_19.svg b/common/unity/launcher_arrow_outline_ltr_19.svg similarity index 100% rename from unity/launcher_arrow_outline_ltr_19.svg rename to common/unity/launcher_arrow_outline_ltr_19.svg diff --git a/unity/launcher_arrow_outline_ltr_37.svg b/common/unity/launcher_arrow_outline_ltr_37.svg similarity index 100% rename from unity/launcher_arrow_outline_ltr_37.svg rename to common/unity/launcher_arrow_outline_ltr_37.svg diff --git a/unity/launcher_arrow_outline_rtl_19.svg b/common/unity/launcher_arrow_outline_rtl_19.svg similarity index 100% rename from unity/launcher_arrow_outline_rtl_19.svg rename to common/unity/launcher_arrow_outline_rtl_19.svg diff --git a/unity/launcher_arrow_outline_rtl_37.svg b/common/unity/launcher_arrow_outline_rtl_37.svg similarity index 100% rename from unity/launcher_arrow_outline_rtl_37.svg rename to common/unity/launcher_arrow_outline_rtl_37.svg diff --git a/unity/launcher_arrow_rtl_19.svg b/common/unity/launcher_arrow_rtl_19.svg similarity index 100% rename from unity/launcher_arrow_rtl_19.svg rename to common/unity/launcher_arrow_rtl_19.svg diff --git a/unity/launcher_arrow_rtl_37.svg b/common/unity/launcher_arrow_rtl_37.svg similarity index 100% rename from unity/launcher_arrow_rtl_37.svg rename to common/unity/launcher_arrow_rtl_37.svg diff --git a/unity/launcher_icon_back_150.svg b/common/unity/launcher_icon_back_150.svg similarity index 100% rename from unity/launcher_icon_back_150.svg rename to common/unity/launcher_icon_back_150.svg diff --git a/unity/launcher_icon_back_54.svg b/common/unity/launcher_icon_back_54.svg similarity index 100% rename from unity/launcher_icon_back_54.svg rename to common/unity/launcher_icon_back_54.svg diff --git a/unity/launcher_icon_edge_150.svg b/common/unity/launcher_icon_edge_150.svg similarity index 100% rename from unity/launcher_icon_edge_150.svg rename to common/unity/launcher_icon_edge_150.svg diff --git a/unity/launcher_icon_edge_54.svg b/common/unity/launcher_icon_edge_54.svg similarity index 100% rename from unity/launcher_icon_edge_54.svg rename to common/unity/launcher_icon_edge_54.svg diff --git a/unity/launcher_icon_glow_200.svg b/common/unity/launcher_icon_glow_200.svg similarity index 100% rename from unity/launcher_icon_glow_200.svg rename to common/unity/launcher_icon_glow_200.svg diff --git a/unity/launcher_icon_glow_62.svg b/common/unity/launcher_icon_glow_62.svg similarity index 100% rename from unity/launcher_icon_glow_62.svg rename to common/unity/launcher_icon_glow_62.svg diff --git a/unity/launcher_icon_selected_back_150.svg b/common/unity/launcher_icon_selected_back_150.svg similarity index 100% rename from unity/launcher_icon_selected_back_150.svg rename to common/unity/launcher_icon_selected_back_150.svg diff --git a/unity/launcher_icon_selected_back_54.svg b/common/unity/launcher_icon_selected_back_54.svg similarity index 100% rename from unity/launcher_icon_selected_back_54.svg rename to common/unity/launcher_icon_selected_back_54.svg diff --git a/unity/launcher_icon_shadow_200.svg b/common/unity/launcher_icon_shadow_200.svg similarity index 100% rename from unity/launcher_icon_shadow_200.svg rename to common/unity/launcher_icon_shadow_200.svg diff --git a/unity/launcher_icon_shadow_62.svg b/common/unity/launcher_icon_shadow_62.svg similarity index 100% rename from unity/launcher_icon_shadow_62.svg rename to common/unity/launcher_icon_shadow_62.svg diff --git a/unity/launcher_icon_shine_150.svg b/common/unity/launcher_icon_shine_150.svg similarity index 100% rename from unity/launcher_icon_shine_150.svg rename to common/unity/launcher_icon_shine_150.svg diff --git a/unity/launcher_icon_shine_54.svg b/common/unity/launcher_icon_shine_54.svg similarity index 100% rename from unity/launcher_icon_shine_54.svg rename to common/unity/launcher_icon_shine_54.svg diff --git a/unity/launcher_pip_ltr_19.svg b/common/unity/launcher_pip_ltr_19.svg similarity index 100% rename from unity/launcher_pip_ltr_19.svg rename to common/unity/launcher_pip_ltr_19.svg diff --git a/unity/launcher_pip_ltr_37.svg b/common/unity/launcher_pip_ltr_37.svg similarity index 100% rename from unity/launcher_pip_ltr_37.svg rename to common/unity/launcher_pip_ltr_37.svg diff --git a/unity/launcher_pip_rtl_19.svg b/common/unity/launcher_pip_rtl_19.svg similarity index 100% rename from unity/launcher_pip_rtl_19.svg rename to common/unity/launcher_pip_rtl_19.svg diff --git a/unity/launcher_pip_rtl_37.svg b/common/unity/launcher_pip_rtl_37.svg similarity index 100% rename from unity/launcher_pip_rtl_37.svg rename to common/unity/launcher_pip_rtl_37.svg diff --git a/unity/maximize.svg b/common/unity/maximize.svg similarity index 100% rename from unity/maximize.svg rename to common/unity/maximize.svg diff --git a/unity/maximize_dash.svg b/common/unity/maximize_dash.svg similarity index 100% rename from unity/maximize_dash.svg rename to common/unity/maximize_dash.svg diff --git a/unity/maximize_dash_disabled.svg b/common/unity/maximize_dash_disabled.svg similarity index 100% rename from unity/maximize_dash_disabled.svg rename to common/unity/maximize_dash_disabled.svg diff --git a/unity/maximize_dash_prelight.svg b/common/unity/maximize_dash_prelight.svg similarity index 100% rename from unity/maximize_dash_prelight.svg rename to common/unity/maximize_dash_prelight.svg diff --git a/unity/maximize_dash_pressed.svg b/common/unity/maximize_dash_pressed.svg similarity index 100% rename from unity/maximize_dash_pressed.svg rename to common/unity/maximize_dash_pressed.svg diff --git a/unity/maximize_focused_normal.svg b/common/unity/maximize_focused_normal.svg similarity index 100% rename from unity/maximize_focused_normal.svg rename to common/unity/maximize_focused_normal.svg diff --git a/unity/maximize_focused_prelight.svg b/common/unity/maximize_focused_prelight.svg similarity index 100% rename from unity/maximize_focused_prelight.svg rename to common/unity/maximize_focused_prelight.svg diff --git a/unity/maximize_focused_pressed.svg b/common/unity/maximize_focused_pressed.svg similarity index 100% rename from unity/maximize_focused_pressed.svg rename to common/unity/maximize_focused_pressed.svg diff --git a/unity/maximize_unfocused.svg b/common/unity/maximize_unfocused.svg similarity index 100% rename from unity/maximize_unfocused.svg rename to common/unity/maximize_unfocused.svg diff --git a/unity/maximize_unfocused_prelight.svg b/common/unity/maximize_unfocused_prelight.svg similarity index 100% rename from unity/maximize_unfocused_prelight.svg rename to common/unity/maximize_unfocused_prelight.svg diff --git a/unity/maximize_unfocused_pressed.svg b/common/unity/maximize_unfocused_pressed.svg similarity index 100% rename from unity/maximize_unfocused_pressed.svg rename to common/unity/maximize_unfocused_pressed.svg diff --git a/unity/minimize.svg b/common/unity/minimize.svg similarity index 100% rename from unity/minimize.svg rename to common/unity/minimize.svg diff --git a/unity/minimize_dash.svg b/common/unity/minimize_dash.svg similarity index 100% rename from unity/minimize_dash.svg rename to common/unity/minimize_dash.svg diff --git a/unity/minimize_dash_disabled.svg b/common/unity/minimize_dash_disabled.svg similarity index 100% rename from unity/minimize_dash_disabled.svg rename to common/unity/minimize_dash_disabled.svg diff --git a/unity/minimize_dash_prelight.svg b/common/unity/minimize_dash_prelight.svg similarity index 100% rename from unity/minimize_dash_prelight.svg rename to common/unity/minimize_dash_prelight.svg diff --git a/unity/minimize_dash_pressed.svg b/common/unity/minimize_dash_pressed.svg similarity index 100% rename from unity/minimize_dash_pressed.svg rename to common/unity/minimize_dash_pressed.svg diff --git a/unity/minimize_focused_normal.svg b/common/unity/minimize_focused_normal.svg similarity index 100% rename from unity/minimize_focused_normal.svg rename to common/unity/minimize_focused_normal.svg diff --git a/unity/minimize_focused_prelight.svg b/common/unity/minimize_focused_prelight.svg similarity index 100% rename from unity/minimize_focused_prelight.svg rename to common/unity/minimize_focused_prelight.svg diff --git a/unity/minimize_focused_pressed.svg b/common/unity/minimize_focused_pressed.svg similarity index 100% rename from unity/minimize_focused_pressed.svg rename to common/unity/minimize_focused_pressed.svg diff --git a/unity/minimize_unfocused.svg b/common/unity/minimize_unfocused.svg similarity index 100% rename from unity/minimize_unfocused.svg rename to common/unity/minimize_unfocused.svg diff --git a/unity/minimize_unfocused_prelight.svg b/common/unity/minimize_unfocused_prelight.svg similarity index 100% rename from unity/minimize_unfocused_prelight.svg rename to common/unity/minimize_unfocused_prelight.svg diff --git a/unity/minimize_unfocused_pressed.svg b/common/unity/minimize_unfocused_pressed.svg similarity index 100% rename from unity/minimize_unfocused_pressed.svg rename to common/unity/minimize_unfocused_pressed.svg diff --git a/unity/unmaximize.svg b/common/unity/unmaximize.svg similarity index 100% rename from unity/unmaximize.svg rename to common/unity/unmaximize.svg diff --git a/unity/unmaximize_dash.svg b/common/unity/unmaximize_dash.svg similarity index 100% rename from unity/unmaximize_dash.svg rename to common/unity/unmaximize_dash.svg diff --git a/unity/unmaximize_dash_disabled.svg b/common/unity/unmaximize_dash_disabled.svg similarity index 100% rename from unity/unmaximize_dash_disabled.svg rename to common/unity/unmaximize_dash_disabled.svg diff --git a/unity/unmaximize_dash_prelight.svg b/common/unity/unmaximize_dash_prelight.svg similarity index 100% rename from unity/unmaximize_dash_prelight.svg rename to common/unity/unmaximize_dash_prelight.svg diff --git a/unity/unmaximize_dash_pressed.svg b/common/unity/unmaximize_dash_pressed.svg similarity index 100% rename from unity/unmaximize_dash_pressed.svg rename to common/unity/unmaximize_dash_pressed.svg diff --git a/unity/unmaximize_focused_normal.svg b/common/unity/unmaximize_focused_normal.svg similarity index 100% rename from unity/unmaximize_focused_normal.svg rename to common/unity/unmaximize_focused_normal.svg diff --git a/unity/unmaximize_focused_prelight.svg b/common/unity/unmaximize_focused_prelight.svg similarity index 100% rename from unity/unmaximize_focused_prelight.svg rename to common/unity/unmaximize_focused_prelight.svg diff --git a/unity/unmaximize_focused_pressed.svg b/common/unity/unmaximize_focused_pressed.svg similarity index 100% rename from unity/unmaximize_focused_pressed.svg rename to common/unity/unmaximize_focused_pressed.svg diff --git a/unity/unmaximize_unfocused.svg b/common/unity/unmaximize_unfocused.svg similarity index 100% rename from unity/unmaximize_unfocused.svg rename to common/unity/unmaximize_unfocused.svg diff --git a/unity/unmaximize_unfocused_prelight.svg b/common/unity/unmaximize_unfocused_prelight.svg similarity index 100% rename from unity/unmaximize_unfocused_prelight.svg rename to common/unity/unmaximize_unfocused_prelight.svg diff --git a/unity/unmaximize_unfocused_pressed.svg b/common/unity/unmaximize_unfocused_pressed.svg similarity index 100% rename from unity/unmaximize_unfocused_pressed.svg rename to common/unity/unmaximize_unfocused_pressed.svg diff --git a/xfwm4/close-active.xpm b/common/xfwm4/close-active.xpm similarity index 100% rename from xfwm4/close-active.xpm rename to common/xfwm4/close-active.xpm diff --git a/xfwm4/close-inactive.xpm b/common/xfwm4/close-inactive.xpm similarity index 100% rename from xfwm4/close-inactive.xpm rename to common/xfwm4/close-inactive.xpm diff --git a/xfwm4/close-prelight.xpm b/common/xfwm4/close-prelight.xpm similarity index 100% rename from xfwm4/close-prelight.xpm rename to common/xfwm4/close-prelight.xpm diff --git a/xfwm4/close-pressed.xpm b/common/xfwm4/close-pressed.xpm similarity index 100% rename from xfwm4/close-pressed.xpm rename to common/xfwm4/close-pressed.xpm diff --git a/xfwm4/hide-active.xpm b/common/xfwm4/hide-active.xpm similarity index 100% rename from xfwm4/hide-active.xpm rename to common/xfwm4/hide-active.xpm diff --git a/xfwm4/hide-inactive.xpm b/common/xfwm4/hide-inactive.xpm similarity index 100% rename from xfwm4/hide-inactive.xpm rename to common/xfwm4/hide-inactive.xpm diff --git a/xfwm4/hide-prelight.xpm b/common/xfwm4/hide-prelight.xpm similarity index 100% rename from xfwm4/hide-prelight.xpm rename to common/xfwm4/hide-prelight.xpm diff --git a/xfwm4/hide-pressed.xpm b/common/xfwm4/hide-pressed.xpm similarity index 100% rename from xfwm4/hide-pressed.xpm rename to common/xfwm4/hide-pressed.xpm diff --git a/xfwm4/maximize-active.xpm b/common/xfwm4/maximize-active.xpm similarity index 100% rename from xfwm4/maximize-active.xpm rename to common/xfwm4/maximize-active.xpm diff --git a/xfwm4/maximize-inactive.xpm b/common/xfwm4/maximize-inactive.xpm similarity index 100% rename from xfwm4/maximize-inactive.xpm rename to common/xfwm4/maximize-inactive.xpm diff --git a/xfwm4/maximize-prelight.xpm b/common/xfwm4/maximize-prelight.xpm similarity index 100% rename from xfwm4/maximize-prelight.xpm rename to common/xfwm4/maximize-prelight.xpm diff --git a/xfwm4/maximize-pressed.xpm b/common/xfwm4/maximize-pressed.xpm similarity index 100% rename from xfwm4/maximize-pressed.xpm rename to common/xfwm4/maximize-pressed.xpm diff --git a/xfwm4/menu-active.xpm b/common/xfwm4/menu-active.xpm similarity index 100% rename from xfwm4/menu-active.xpm rename to common/xfwm4/menu-active.xpm diff --git a/xfwm4/menu-inactive.xpm b/common/xfwm4/menu-inactive.xpm similarity index 100% rename from xfwm4/menu-inactive.xpm rename to common/xfwm4/menu-inactive.xpm diff --git a/xfwm4/menu-pressed.xpm b/common/xfwm4/menu-pressed.xpm similarity index 100% rename from xfwm4/menu-pressed.xpm rename to common/xfwm4/menu-pressed.xpm diff --git a/xfwm4/shade-active.xpm b/common/xfwm4/shade-active.xpm similarity index 100% rename from xfwm4/shade-active.xpm rename to common/xfwm4/shade-active.xpm diff --git a/xfwm4/shade-inactive.xpm b/common/xfwm4/shade-inactive.xpm similarity index 100% rename from xfwm4/shade-inactive.xpm rename to common/xfwm4/shade-inactive.xpm diff --git a/xfwm4/shade-pressed.xpm b/common/xfwm4/shade-pressed.xpm similarity index 100% rename from xfwm4/shade-pressed.xpm rename to common/xfwm4/shade-pressed.xpm diff --git a/xfwm4/stick-active.xpm b/common/xfwm4/stick-active.xpm similarity index 100% rename from xfwm4/stick-active.xpm rename to common/xfwm4/stick-active.xpm diff --git a/xfwm4/stick-inactive.xpm b/common/xfwm4/stick-inactive.xpm similarity index 100% rename from xfwm4/stick-inactive.xpm rename to common/xfwm4/stick-inactive.xpm diff --git a/xfwm4/stick-pressed.xpm b/common/xfwm4/stick-pressed.xpm similarity index 100% rename from xfwm4/stick-pressed.xpm rename to common/xfwm4/stick-pressed.xpm diff --git a/xfwm4/themerc b/common/xfwm4/themerc similarity index 100% rename from xfwm4/themerc rename to common/xfwm4/themerc diff --git a/xfwm4/title-1-active-shaded.xpm b/common/xfwm4/title-1-active-shaded.xpm similarity index 100% rename from xfwm4/title-1-active-shaded.xpm rename to common/xfwm4/title-1-active-shaded.xpm diff --git a/xfwm4/title-1-active.xpm b/common/xfwm4/title-1-active.xpm similarity index 100% rename from xfwm4/title-1-active.xpm rename to common/xfwm4/title-1-active.xpm diff --git a/xfwm4/title-1-inactive.xpm b/common/xfwm4/title-1-inactive.xpm similarity index 100% rename from xfwm4/title-1-inactive.xpm rename to common/xfwm4/title-1-inactive.xpm diff --git a/xfwm4/title-2-active.xpm b/common/xfwm4/title-2-active.xpm similarity index 100% rename from xfwm4/title-2-active.xpm rename to common/xfwm4/title-2-active.xpm diff --git a/xfwm4/title-2-inactive.xpm b/common/xfwm4/title-2-inactive.xpm similarity index 100% rename from xfwm4/title-2-inactive.xpm rename to common/xfwm4/title-2-inactive.xpm diff --git a/xfwm4/title-3-active.xpm b/common/xfwm4/title-3-active.xpm similarity index 100% rename from xfwm4/title-3-active.xpm rename to common/xfwm4/title-3-active.xpm diff --git a/xfwm4/title-3-inactive.xpm b/common/xfwm4/title-3-inactive.xpm similarity index 100% rename from xfwm4/title-3-inactive.xpm rename to common/xfwm4/title-3-inactive.xpm diff --git a/xfwm4/title-4-active.xpm b/common/xfwm4/title-4-active.xpm similarity index 100% rename from xfwm4/title-4-active.xpm rename to common/xfwm4/title-4-active.xpm diff --git a/xfwm4/title-4-inactive.xpm b/common/xfwm4/title-4-inactive.xpm similarity index 100% rename from xfwm4/title-4-inactive.xpm rename to common/xfwm4/title-4-inactive.xpm diff --git a/xfwm4/title-5-active.xpm b/common/xfwm4/title-5-active.xpm similarity index 100% rename from xfwm4/title-5-active.xpm rename to common/xfwm4/title-5-active.xpm diff --git a/xfwm4/title-5-inactive.xpm b/common/xfwm4/title-5-inactive.xpm similarity index 100% rename from xfwm4/title-5-inactive.xpm rename to common/xfwm4/title-5-inactive.xpm diff --git a/xfwm4/top-left-active-shaded.xpm b/common/xfwm4/top-left-active-shaded.xpm similarity index 100% rename from xfwm4/top-left-active-shaded.xpm rename to common/xfwm4/top-left-active-shaded.xpm diff --git a/xfwm4/top-left-active.xpm b/common/xfwm4/top-left-active.xpm similarity index 100% rename from xfwm4/top-left-active.xpm rename to common/xfwm4/top-left-active.xpm diff --git a/xfwm4/top-left-inactive.xpm b/common/xfwm4/top-left-inactive.xpm similarity index 100% rename from xfwm4/top-left-inactive.xpm rename to common/xfwm4/top-left-inactive.xpm diff --git a/xfwm4/top-right-active-shaded.xpm b/common/xfwm4/top-right-active-shaded.xpm similarity index 100% rename from xfwm4/top-right-active-shaded.xpm rename to common/xfwm4/top-right-active-shaded.xpm diff --git a/xfwm4/top-right-active.xpm b/common/xfwm4/top-right-active.xpm similarity index 100% rename from xfwm4/top-right-active.xpm rename to common/xfwm4/top-right-active.xpm diff --git a/xfwm4/top-right-inactive.xpm b/common/xfwm4/top-right-inactive.xpm similarity index 100% rename from xfwm4/top-right-inactive.xpm rename to common/xfwm4/top-right-inactive.xpm diff --git a/configure.ac b/configure.ac new file mode 100644 index 0000000..7e1ebdb --- /dev/null +++ b/configure.ac @@ -0,0 +1,30 @@ +AC_INIT( + [arc-theme], + [20150528], + [https://github.com/horst3180/Arc-theme/issues], + [arc-theme], + [https://github.com/horst3180/Arc-theme], + [] +) + +AC_CONFIG_AUX_DIR([build-aux]) +AC_CONFIG_MACRO_DIR([m4]) +AM_INIT_AUTOMAKE([foreign]) +AC_PROG_MKDIR_P + +ARC_ENABLE([GNOME_SHELL], [gnome-shell], [GNOME Shell], [disable]) +ARC_ENABLE([GTK2], [gtk2], [GTK2], [disable]) +ARC_ENABLE([GTK3], [gtk3], [GTK3], [disable]) +ARC_ENABLE([METACITY], [metacity], [Metacity], [disable]) +ARC_ENABLE([UNITY], [unity], [Unity], [disable]) +ARC_ENABLE([XFWM], [xfwm], [XFWM], [disable]) + +ARC_GNOME + +AC_CONFIG_FILES([ + common/Makefile + extra/Makefile + Makefile +]) + +AC_OUTPUT diff --git a/chrome/arc-theme.crx b/extra/Chrome/arc-theme.crx similarity index 100% rename from chrome/arc-theme.crx rename to extra/Chrome/arc-theme.crx diff --git a/chrome/arc-theme/images/theme_frame.png b/extra/Chrome/arc-theme/images/theme_frame.png similarity index 100% rename from chrome/arc-theme/images/theme_frame.png rename to extra/Chrome/arc-theme/images/theme_frame.png diff --git a/chrome/arc-theme/images/theme_toolbar.png b/extra/Chrome/arc-theme/images/theme_toolbar.png similarity index 100% rename from chrome/arc-theme/images/theme_toolbar.png rename to extra/Chrome/arc-theme/images/theme_toolbar.png diff --git a/chrome/arc-theme/manifest.json b/extra/Chrome/arc-theme/manifest.json similarity index 100% rename from chrome/arc-theme/manifest.json rename to extra/Chrome/arc-theme/manifest.json diff --git a/extra/Makefile.am b/extra/Makefile.am new file mode 100644 index 0000000..a1c75c7 --- /dev/null +++ b/extra/Makefile.am @@ -0,0 +1,4 @@ +dist-hook: + cp -r \ + Chrome \ + $(distdir) diff --git a/m4/arc-enable.m4 b/m4/arc-enable.m4 new file mode 100644 index 0000000..99a5be8 --- /dev/null +++ b/m4/arc-enable.m4 @@ -0,0 +1,19 @@ +# ARC_ENABLE(VARIABLE, FEATURE, HELP-NAME, DISABLE/ENABLE) +# ----------------------------------------------------------- +AC_DEFUN([ARC_ENABLE], [ + AC_ARG_ENABLE( + [$2], + [AS_HELP_STRING( + [--$4-$2], + [$4 $3 support] + )], + [ENABLE_$1="$enableval"], + [AS_IF( + [test "x$4" == "xdisable"], + [ENABLE_$1="yes"], + [ENABLE_$1="no"] + )] + ) + AM_CONDITIONAL([ENABLE_$1], [test "x$ENABLE_$1" == "xyes"]) + AC_SUBST([ENABLE_$1]) +]) diff --git a/m4/arc-gnome.m4 b/m4/arc-gnome.m4 new file mode 100644 index 0000000..82bd510 --- /dev/null +++ b/m4/arc-gnome.m4 @@ -0,0 +1,37 @@ +# ARC_GNOME() +# --------------- +AC_DEFUN([ARC_GNOME], [ + GNOMEDIR="$srcdir/common/gtk-3.0" + + PKG_CHECK_EXISTS( + [gtk+-3.0], + [GNOME_VERSION=`$PKG_CONFIG --modversion gtk+-3.0`], + [GNOME_VERSION=`ls -1 "$GNOMEDIR" | tail -1`] + ) + AC_ARG_WITH( + [gnome], + [AS_HELP_STRING( + [--with-gnome], + [GNOME minor version] + )], + [GNOME_VERSION="$withval"] + ) + + # Trim version extras + GNOME_VERSION=`echo $GNOME_VERSION | cut -d. -f-2` + + # Extra major and minor version components + GNOME_VERSMJR=`echo $GNOME_VERSION | cut -d. -f1` + GNOME_VERSMNR=`echo $GNOME_VERSION | cut -d. -f2` + + # Evenize the minor version for stable versions + AS_IF( + [test `expr $GNOME_VERSMNR % 2` != "0"], + [GNOME_VERSION="$GNOME_VERSMJR.`expr $GNOME_VERSMNR + 1`"] + ) + AS_IF( + [! test -e "$GNOMEDIR/$GNOME_VERSION"], + [AC_MSG_ERROR([invalid GNOME version: $GNOME_VERSION])] + ) + AC_SUBST([GNOME_VERSION]) +])