tyler.durden
/
Sierra-gtk-theme
mirror of https://github.com/vinceliuice/Sierra-gtk-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

update

This commit is contained in:
vinceliuice 2018-03-25 00:42:51 +08:00
parent 34259ce60a
commit f7bec83b6d
26 changed files with 34373 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
Install
View File

@ -17,23 +17,24 @@ srcdir=${repodir}/src
rm -rf $DEST_DIR/Sierra* rm -rf $DEST_DIR/Sierra*
# Copying files # Copying files
for trans in '' '-solid' ; do for compact in '' '-compact' ; do
for color in '-light' '-dark'; do for trans in '' '-solid' ; do
echo -e " Installing Sierra${color}${trans} ..." for color in '-light' '-dark'; do
echo -e " Installing Sierra${compact}${color}${trans} ..."
themedir=$DEST_DIR/Sierra${color}${trans} themedir=$DEST_DIR/Sierra${compact}${color}${trans}
install -d ${themedir} install -d ${themedir}
# Install index.theme # Install index.theme
echo "[Desktop Entry]" >> ${themedir}/index.theme echo "[Desktop Entry]" >> ${themedir}/index.theme
echo "Type=X-GNOME-Metatheme" >> ${themedir}/index.theme echo "Type=X-GNOME-Metatheme" >> ${themedir}/index.theme
echo "Name=Sierra${color}${trans}" >> ${themedir}/index.theme echo "Name=Sierra${compact}${color}${trans}" >> ${themedir}/index.theme
echo "Comment=An Stylish Gtk+ theme based on Elegant Design" >> ${themedir}/index.theme echo "Comment=An Stylish Gtk+ theme based on Elegant Design" >> ${themedir}/index.theme
echo "Encoding=UTF-8" >> ${themedir}/index.theme echo "Encoding=UTF-8" >> ${themedir}/index.theme
echo "" >> ${themedir}/index.theme echo "" >> ${themedir}/index.theme
echo "[X-GNOME-Metatheme]" >> ${themedir}/index.theme echo "[X-GNOME-Metatheme]" >> ${themedir}/index.theme
echo "GtkTheme=Sierra${color}${trans}" >> ${themedir}/index.theme echo "GtkTheme=Sierra${compact}${color}${trans}" >> ${themedir}/index.theme
echo "MetacityTheme=Sierra${color}${trans}" >> ${themedir}/index.theme echo "MetacityTheme=Sierra${compact}${color}${trans}" >> ${themedir}/index.theme
echo "IconTheme=Adwaita" >> ${themedir}/index.theme echo "IconTheme=Adwaita" >> ${themedir}/index.theme
echo "CursorTheme=Adwaita" >> ${themedir}/index.theme echo "CursorTheme=Adwaita" >> ${themedir}/index.theme
echo "ButtonLayout=close,minimize,maximize:menu" >> ${themedir}/index.theme echo "ButtonLayout=close,minimize,maximize:menu" >> ${themedir}/index.theme
@ -157,15 +158,15 @@ for trans in '' '-solid' ; do
${themedir}/gtk-3.0 ${themedir}/gtk-3.0
cp -ur \ cp -ur \
thumbnail${color}.png \ thumbnail${compact}${color}.png \
${themedir}/gtk-3.0/thumbnail.png ${themedir}/gtk-3.0/thumbnail.png
cp -ur \ cp -ur \
gtk${color}${trans}.css \ gtk${compact}${color}${trans}.css \
${themedir}/gtk-3.0/gtk.css ${themedir}/gtk-3.0/gtk.css
cp -ur \ cp -ur \
gtk-dark${trans}.css \ gtk${compact}-dark${trans}.css \
${themedir}/gtk-3.0/gtk-dark.css ${themedir}/gtk-3.0/gtk-dark.css
# Install Metacity Theme # Install Metacity Theme
@ -205,6 +206,7 @@ for trans in '' '-solid' ; do
themerc${color} \ themerc${color} \
${themedir}/xfwm4/themerc ${themedir}/xfwm4/themerc
done
done done
done done

22
parse-sass.sh
View File

@ -17,13 +17,23 @@ if [ ! -z "${TRANS_VARIANTS:-}" ]; then
IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}"
fi fi
_COMPACT_VARIANTS=('' '-compact')
if [ ! -z "${COMPACT_VARIANTS:-}" ]; then
IFS=', ' read -r -a _COMPACT_VARIANTS <<< "${COMPACT_VARIANTS:-}"
fi
for color in "${_COLOR_VARIANTS[@]}"; do for color in "${_COLOR_VARIANTS[@]}"; do
for trans in "${_TRANS_VARIANTS[@]}"; do for trans in "${_TRANS_VARIANTS[@]}"; do
for compact in "${_COMPACT_VARIANTS[@]}"; do
sassc $SASSC_OPT src/gtk-3.0/gtk${color}${trans}.{scss,css} sassc $SASSC_OPT src/gtk-3.0/gtk${compact}${color}${trans}.{scss,css}
echo "== Generating the gtk${color}${trans}.css..." echo "== Generating the gtk${compact}${color}${trans}.css..."
sassc $SASSC_OPT src/gnome-shell/gnome-shell${color}${trans}.{scss,css} done
echo "== Generating the gnome-shell${color}${trans}.css..." done
done
for color in "${_COLOR_VARIANTS[@]}"; do
for trans in "${_TRANS_VARIANTS[@]}"; do
sassc $SASSC_OPT src/gnome-shell/gnome-shell${color}${trans}.{scss,css}
echo "== Generating the gnome-shell${color}${trans}.css..."
done done
done done

8274
src/gtk-3.0/gtk-compact-dark-solid.css Normal file
View File

File diff suppressed because it is too large Load Diff

15
src/gtk-3.0/gtk-compact-dark-solid.scss Normal file
View File

@ -0,0 +1,15 @@
$variant: 'dark';
$darker: 'false';
$compact: 'true';
$transparency: 'false';
@import 'sass/colors';
@import 'sass/drawing-compact';
@import 'sass/common';
@import 'sass/applications';
@import 'sass/unity';
@import 'sass/granite';
@import 'sass/lightdm';
@import 'sass/transparent_widgets';
@import 'sass/colors-public';
@import 'sass/budgie.scss';

8274
src/gtk-3.0/gtk-compact-dark.css Normal file
View File

File diff suppressed because it is too large Load Diff

15
src/gtk-3.0/gtk-compact-dark.scss Normal file
View File

@ -0,0 +1,15 @@
$variant: 'dark';
$darker: 'false';
$compact: 'true';
$transparency: 'true';
@import 'sass/colors';
@import 'sass/drawing-compact';
@import 'sass/common';
@import 'sass/applications';
@import 'sass/unity';
@import 'sass/granite';
@import 'sass/lightdm';
@import 'sass/transparent_widgets';
@import 'sass/colors-public';
@import 'sass/budgie.scss';

8293
src/gtk-3.0/gtk-compact-light-solid.css Normal file
View File

File diff suppressed because it is too large Load Diff

15
src/gtk-3.0/gtk-compact-light-solid.scss Normal file
View File

@ -0,0 +1,15 @@
$variant: 'light';
$darker: 'false';
$compact: 'true';
$transparency: 'false';
@import 'sass/colors';
@import 'sass/drawing-compact';
@import 'sass/common';
@import 'sass/applications';
@import 'sass/unity';
@import 'sass/granite';
@import 'sass/lightdm';
@import 'sass/transparent_widgets';
@import 'sass/colors-public';
@import 'sass/budgie.scss';

8293
src/gtk-3.0/gtk-compact-light.css Normal file
View File

File diff suppressed because it is too large Load Diff

15
src/gtk-3.0/gtk-compact-light.scss Normal file
View File

@ -0,0 +1,15 @@
$variant: 'light';
$darker: 'false';
$compact: 'true';
$transparency: 'true';
@import 'sass/colors';
@import 'sass/drawing-compact';
@import 'sass/common';
@import 'sass/applications';
@import 'sass/unity';
@import 'sass/granite';
@import 'sass/lightdm';
@import 'sass/transparent_widgets';
@import 'sass/colors-public';
@import 'sass/budgie.scss';

43
src/gtk-3.0/gtk-dark-solid.css
View File

@ -926,7 +926,7 @@ button.font separator, button.file separator {
} }
.linked:not(.vertical).path-bar > button + button { .linked:not(.vertical).path-bar > button + button {
border-left-style: solid; border-left-style: none;
} }
.linked.vertical > entry + entry { .linked.vertical > entry + entry {
@ -1648,8 +1648,8 @@ headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entr
headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop {
opacity: 0.85; opacity: 0.85;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { headerbar entry:focus, .nemo-window .primary-toolbar entry:focus {
@ -1728,8 +1728,8 @@ paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image
headerbar button:backdrop, headerbar button:backdrop,
.nemo-window .primary-toolbar button:backdrop { .nemo-window .primary-toolbar button:backdrop {
opacity: 0.7; opacity: 0.7;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button),
@ -1800,6 +1800,25 @@ headerbar button:disabled:checked,
box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01);
} }
paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button),
headerbar button.flat,
.nemo-window .primary-toolbar button.flat,
headerbar button.budgie-menu-launcher,
.nemo-window .primary-toolbar button.budgie-menu-launcher,
headerbar .budgie-panel #tasklist-button,
.budgie-panel headerbar #tasklist-button,
.nemo-window .primary-toolbar .budgie-panel #tasklist-button,
.budgie-panel .nemo-window .primary-toolbar #tasklist-button,
headerbar .budgie-panel button.flat.launcher,
.budgie-panel headerbar button.flat.launcher,
.nemo-window .primary-toolbar .budgie-panel button.flat.launcher,
.budgie-panel .nemo-window .primary-toolbar button.flat.launcher {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none;
}
headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher { headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1849,20 +1868,6 @@ headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) +
border-left-color: rgba(255, 255, 255, 0.12); border-left-color: rgba(255, 255, 255, 0.12);
} }
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) {
box-shadow: none;
}
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop {
box-shadow: none;
}
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button,
headerbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button,
.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button {
@ -1920,8 +1925,8 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop
headerbar .linked:not(.vertical).path-bar > button:backdrop, headerbar .linked:not(.vertical).path-bar > button:backdrop,
.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop {
opacity: 0.7; opacity: 0.7;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action {
@ -5266,7 +5271,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
} }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button {
border-left-style: solid; border-left-style: none;
} }
.caja-notebook { .caja-notebook {

1
src/gtk-3.0/gtk-dark-solid.scss
View File

@ -1,5 +1,6 @@
$variant: 'dark'; $variant: 'dark';
$darker: 'false'; $darker: 'false';
$compact: 'false';
$transparency: 'false'; $transparency: 'false';
@import 'sass/colors'; @import 'sass/colors';

43
src/gtk-3.0/gtk-dark.css
View File

@ -926,7 +926,7 @@ button.font separator, button.file separator {
} }
.linked:not(.vertical).path-bar > button + button { .linked:not(.vertical).path-bar > button + button {
border-left-style: solid; border-left-style: none;
} }
.linked.vertical > entry + entry { .linked.vertical > entry + entry {
@ -1648,8 +1648,8 @@ headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entr
headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop {
opacity: 0.85; opacity: 0.85;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { headerbar entry:focus, .nemo-window .primary-toolbar entry:focus {
@ -1728,8 +1728,8 @@ paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image
headerbar button:backdrop, headerbar button:backdrop,
.nemo-window .primary-toolbar button:backdrop { .nemo-window .primary-toolbar button:backdrop {
opacity: 0.7; opacity: 0.7;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button),
@ -1800,6 +1800,25 @@ headerbar button:disabled:checked,
box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01);
} }
paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button),
headerbar button.flat,
.nemo-window .primary-toolbar button.flat,
headerbar button.budgie-menu-launcher,
.nemo-window .primary-toolbar button.budgie-menu-launcher,
headerbar .budgie-panel #tasklist-button,
.budgie-panel headerbar #tasklist-button,
.nemo-window .primary-toolbar .budgie-panel #tasklist-button,
.budgie-panel .nemo-window .primary-toolbar #tasklist-button,
headerbar .budgie-panel button.flat.launcher,
.budgie-panel headerbar button.flat.launcher,
.nemo-window .primary-toolbar .budgie-panel button.flat.launcher,
.budgie-panel .nemo-window .primary-toolbar button.flat.launcher {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none;
}
headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher { headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1849,20 +1868,6 @@ headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) +
border-left-color: rgba(255, 255, 255, 0.12); border-left-color: rgba(255, 255, 255, 0.12);
} }
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) {
box-shadow: none;
}
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop {
box-shadow: none;
}
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button,
headerbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button,
.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button {
@ -1920,8 +1925,8 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop
headerbar .linked:not(.vertical).path-bar > button:backdrop, headerbar .linked:not(.vertical).path-bar > button:backdrop,
.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop {
opacity: 0.7; opacity: 0.7;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action {
@ -5266,7 +5271,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
} }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button {
border-left-style: solid; border-left-style: none;
} }
.caja-notebook { .caja-notebook {

1
src/gtk-3.0/gtk-dark.scss
View File

@ -1,5 +1,6 @@
$variant: 'dark'; $variant: 'dark';
$darker: 'false'; $darker: 'false';
$compact: 'false';
$transparency: 'true'; $transparency: 'true';
@import 'sass/colors'; @import 'sass/colors';

43
src/gtk-3.0/gtk-light-solid.css
View File

@ -928,7 +928,7 @@ button.font separator, button.file separator {
} }
.linked:not(.vertical).path-bar > button + button { .linked:not(.vertical).path-bar > button + button {
border-left-style: solid; border-left-style: none;
} }
.linked.vertical > entry + entry { .linked.vertical > entry + entry {
@ -1649,8 +1649,8 @@ headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entr
headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop {
opacity: 0.85; opacity: 0.85;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { headerbar entry:focus, .nemo-window .primary-toolbar entry:focus {
@ -1727,8 +1727,8 @@ paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image
headerbar button:backdrop, headerbar button:backdrop,
.nemo-window .primary-toolbar button:backdrop { .nemo-window .primary-toolbar button:backdrop {
opacity: 0.7; opacity: 0.7;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button),
@ -1799,6 +1799,25 @@ headerbar button:disabled:checked,
box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01);
} }
paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button),
headerbar button.flat,
.nemo-window .primary-toolbar button.flat,
headerbar button.budgie-menu-launcher,
.nemo-window .primary-toolbar button.budgie-menu-launcher,
headerbar .budgie-panel #tasklist-button,
.budgie-panel headerbar #tasklist-button,
.nemo-window .primary-toolbar .budgie-panel #tasklist-button,
.budgie-panel .nemo-window .primary-toolbar #tasklist-button,
headerbar .budgie-panel button.flat.launcher,
.budgie-panel headerbar button.flat.launcher,
.nemo-window .primary-toolbar .budgie-panel button.flat.launcher,
.budgie-panel .nemo-window .primary-toolbar button.flat.launcher {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none;
}
headerbar button.flat.toggle.popup, .nemo-window .primary-toolbar button.flat.toggle.popup, headerbar button.toggle.popup.budgie-menu-launcher, .nemo-window .primary-toolbar button.toggle.popup.budgie-menu-launcher, headerbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel headerbar .toggle.popup#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .toggle.popup#tasklist-button, headerbar .budgie-panel button.toggle.popup.flat.launcher, .budgie-panel headerbar button.toggle.popup.flat.launcher { headerbar button.flat.toggle.popup, .nemo-window .primary-toolbar button.flat.toggle.popup, headerbar button.toggle.popup.budgie-menu-launcher, .nemo-window .primary-toolbar button.toggle.popup.budgie-menu-launcher, headerbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel headerbar .toggle.popup#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .toggle.popup#tasklist-button, headerbar .budgie-panel button.toggle.popup.flat.launcher, .budgie-panel headerbar button.toggle.popup.flat.launcher {
border: 1px solid rgba(0, 0, 0, 0.11); border: 1px solid rgba(0, 0, 0, 0.11);
} }
@ -1858,20 +1877,6 @@ headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) +
border-left-color: rgba(0, 0, 0, 0.11); border-left-color: rgba(0, 0, 0, 0.11);
} }
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) {
box-shadow: none;
}
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop {
box-shadow: none;
}
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button,
headerbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button,
.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button {
@ -1928,8 +1933,8 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop
headerbar .linked:not(.vertical).path-bar > button:backdrop, headerbar .linked:not(.vertical).path-bar > button:backdrop,
.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop {
opacity: 0.7; opacity: 0.7;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active,
@ -5290,7 +5295,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
} }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button {
border-left-style: solid; border-left-style: none;
} }
.caja-notebook { .caja-notebook {

1
src/gtk-3.0/gtk-light-solid.scss
View File

@ -1,5 +1,6 @@
$variant: 'light'; $variant: 'light';
$darker: 'false'; $darker: 'false';
$compact: 'false';
$transparency: 'false'; $transparency: 'false';
@import 'sass/colors'; @import 'sass/colors';

43
src/gtk-3.0/gtk-light.css
View File

@ -928,7 +928,7 @@ button.font separator, button.file separator {
} }
.linked:not(.vertical).path-bar > button + button { .linked:not(.vertical).path-bar > button + button {
border-left-style: solid; border-left-style: none;
} }
.linked.vertical > entry + entry { .linked.vertical > entry + entry {
@ -1649,8 +1649,8 @@ headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entr
headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop {
opacity: 0.85; opacity: 0.85;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { headerbar entry:focus, .nemo-window .primary-toolbar entry:focus {
@ -1727,8 +1727,8 @@ paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image
headerbar button:backdrop, headerbar button:backdrop,
.nemo-window .primary-toolbar button:backdrop { .nemo-window .primary-toolbar button:backdrop {
opacity: 0.7; opacity: 0.7;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button),
@ -1799,6 +1799,25 @@ headerbar button:disabled:checked,
box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01);
} }
paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button),
headerbar button.flat,
.nemo-window .primary-toolbar button.flat,
headerbar button.budgie-menu-launcher,
.nemo-window .primary-toolbar button.budgie-menu-launcher,
headerbar .budgie-panel #tasklist-button,
.budgie-panel headerbar #tasklist-button,
.nemo-window .primary-toolbar .budgie-panel #tasklist-button,
.budgie-panel .nemo-window .primary-toolbar #tasklist-button,
headerbar .budgie-panel button.flat.launcher,
.budgie-panel headerbar button.flat.launcher,
.nemo-window .primary-toolbar .budgie-panel button.flat.launcher,
.budgie-panel .nemo-window .primary-toolbar button.flat.launcher {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none;
}
headerbar button.flat.toggle.popup, .nemo-window .primary-toolbar button.flat.toggle.popup, headerbar button.toggle.popup.budgie-menu-launcher, .nemo-window .primary-toolbar button.toggle.popup.budgie-menu-launcher, headerbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel headerbar .toggle.popup#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .toggle.popup#tasklist-button, headerbar .budgie-panel button.toggle.popup.flat.launcher, .budgie-panel headerbar button.toggle.popup.flat.launcher { headerbar button.flat.toggle.popup, .nemo-window .primary-toolbar button.flat.toggle.popup, headerbar button.toggle.popup.budgie-menu-launcher, .nemo-window .primary-toolbar button.toggle.popup.budgie-menu-launcher, headerbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel headerbar .toggle.popup#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .toggle.popup#tasklist-button, headerbar .budgie-panel button.toggle.popup.flat.launcher, .budgie-panel headerbar button.toggle.popup.flat.launcher {
border: 1px solid rgba(0, 0, 0, 0.11); border: 1px solid rgba(0, 0, 0, 0.11);
} }
@ -1858,20 +1877,6 @@ headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) +
border-left-color: rgba(0, 0, 0, 0.11); border-left-color: rgba(0, 0, 0, 0.11);
} }
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child),
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover),
.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) {
box-shadow: none;
}
headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop {
box-shadow: none;
}
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button,
headerbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button,
.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button {
@ -1928,8 +1933,8 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop
headerbar .linked:not(.vertical).path-bar > button:backdrop, headerbar .linked:not(.vertical).path-bar > button:backdrop,
.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop {
opacity: 0.7; opacity: 0.7;
box-shadow: none;
background-image: none; background-image: none;
box-shadow: none;
} }
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active,
@ -5290,7 +5295,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
} }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button {
border-left-style: solid; border-left-style: none;
} }
.caja-notebook { .caja-notebook {

1
src/gtk-3.0/gtk-light.scss
View File

@ -1,5 +1,6 @@
$variant: 'light'; $variant: 'light';
$darker: 'false'; $darker: 'false';
$compact: 'false';
$transparency: 'true'; $transparency: 'true';
@import 'sass/colors'; @import 'sass/colors';

44
src/gtk-3.0/sass/_common.scss
View File

@ -729,7 +729,7 @@ toolbar.inline-toolbar toolbutton {
// special case, because path-bars are bugged // special case, because path-bars are bugged
@mixin pathbar_linking_rules($sep_color:if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5))) { @mixin pathbar_linking_rules($sep_color:if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5))) {
> button + button { border-left-style: solid; } > button + button { border-left-style: none; }
> button:hover:not(:checked):not(:active):not(:only-child) { > button:hover:not(:checked):not(:active):not(:only-child) {
@ -1306,7 +1306,7 @@ headerbar {
// min-height: if($variant == 'light', 20px, 22px); // min-height: if($variant == 'light', 20px, 22px);
@include entry(header-normal); @include entry(header-normal);
&:backdrop { opacity: 0.85; box-shadow: none; background-image: none; } &:backdrop { opacity: 0.85; background-image: none; @if $compact == 'false' { box-shadow: none; } }
&:focus { &:focus {
@include entry(header-focus); @include entry(header-focus);
@ -1354,7 +1354,7 @@ headerbar {
&.circular-button { @extend button.circular; } &.circular-button { @extend button.circular; }
&:backdrop { opacity: 0.7; box-shadow: none; background-image: none; } &:backdrop { opacity: 0.7; background-image: none; @if $compact == 'false' { box-shadow: none; } }
&:hover { &:hover {
@include button(header-hover); @include button(header-hover);
transition: $button_transition; transition: $button_transition;
@ -1364,19 +1364,25 @@ headerbar {
background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box);
transition: $button_transition; transition: $button_transition;
transition-duration: 300ms; transition-duration: 300ms;
@if $compact == 'true' { box-shadow: none; }
} }
&:active { &:active {
@include button(header-active); @include button(header-active);
transition: $button_transition; transition: $button_transition;
transition-duration: 300ms; transition-duration: 300ms;
background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box);
@if $compact == 'true' { box-shadow: none; }
} }
&:disabled { @include button(header-insensitive); } &:disabled { @include button(header-insensitive); }
&:disabled:active, &:disabled:checked { @include button(header-insensitive-active); } &:disabled:active, &:disabled:checked { @include button(header-insensitive-active); }
// &.text-button.image-button label { padding-left: 6px; padding-right: 6px; } // &.text-button.image-button label { padding-left: 6px; padding-right: 6px; }
&.flat {
@include button(undecorated);
}
} }
button.flat.toggle.popup { @if $variant == 'light' { border: 1px solid $borders_color; } } button.flat.toggle.popup { @if $variant == 'light' and $compact == 'false' { border: 1px solid $borders_color; } }
&.selection-mode button { &.selection-mode button {
@ -1425,7 +1431,7 @@ headerbar {
.linked:not(.vertical):not(.path-bar):not(.stack-switcher) { .linked:not(.vertical):not(.path-bar):not(.stack-switcher) {
button:not(:only-child):not(:last-child) { button:not(:only-child):not(:last-child) {
&, &:hover, &:active, &:checked, &:disabled { &, &:hover, &:active, &:checked, &:disabled {
margin-right: if($variant=='light', 0, 1px); margin-right: if($variant=='light' and $compact=='false', 0, 1px);
} }
} }
} }
@ -1436,7 +1442,7 @@ headerbar {
.linked:not(.vertical):not(.path-bar) > button { .linked:not(.vertical):not(.path-bar) > button {
&, &:hover, &:active, &:checked, &:disabled { &, &:hover, &:active, &:checked, &:disabled {
border-radius: $bt_radius; border-radius: $bt_radius;
@if $variant == 'light' { border: 1px solid $borders_color; } @if $variant == 'light' and $compact == 'false' { border: 1px solid $borders_color; }
} }
} }
@ -1446,10 +1452,10 @@ headerbar {
border-radius: $bt_radius; border-radius: $bt_radius;
margin-right: 4px; margin-right: 4px;
margin-left: 3px; margin-left: 3px;
@if $variant == 'light' { border: 1px solid $borders_color; } @if $variant == 'light' and $compact == 'false' { border: 1px solid $borders_color; }
} }
&:focus { @if $variant == 'light' { border: 1px solid $entry_highlight; } } &:focus { @if $variant == 'light' and $compact == 'false' { border: 1px solid $entry_highlight; } }
} }
// use linking rules for entries only // use linking rules for entries only
@ -1471,15 +1477,15 @@ headerbar {
} }
} }
.linked:not(.vertical):not(.path-bar) { // .linked:not(.vertical):not(.path-bar) {
$_uncolored_button: 'button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; // $_uncolored_button: 'button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)';
> #{$_uncolored_button}:hover:not(:only-child), // > #{$_uncolored_button}:hover:not(:only-child),
> #{$_uncolored_button}:hover + #{$_uncolored_button}, // > #{$_uncolored_button}:hover + #{$_uncolored_button},
> #{$_uncolored_button}:disabled:not(:only-child), // > #{$_uncolored_button}:disabled:not(:only-child),
> #{$_uncolored_button}:disabled + #{$_uncolored_button}:not(:hover) { box-shadow: none; } // > #{$_uncolored_button}:disabled + #{$_uncolored_button}:not(:hover) { box-shadow: none; }
> #{$_uncolored_button}:disabled:backdrop { box-shadow: none; } // > #{$_uncolored_button}:disabled:backdrop { box-shadow: none; }
} // }
// special case for path-bars and stack-switchers // special case for path-bars and stack-switchers
.linked:not(.vertical):not(.path-bar).stack-switcher, .linked:not(.vertical):not(.path-bar).stack-switcher,
@ -1491,14 +1497,14 @@ headerbar {
&:active { @include button(header-active); } &:active { @include button(header-active); }
&:checked { @include button(header-checked); } &:checked { @include button(header-checked); }
&:disabled { color: transparentize($header_fg, 0.4); } &:disabled { color: transparentize($header_fg, 0.4); }
&:backdrop { opacity: 0.7; box-shadow: none; background-image: none; } &:backdrop { opacity: 0.7; background-image: none; @if $compact == 'false' { box-shadow: none; } }
&, &:hover, &:active, &:checked, &:disabled { @extend %linked; } &, &:hover, &:active, &:checked, &:disabled { @extend %linked; }
} }
// fixed ugly border color // fixed ugly border color
> button:not(:last-child) { > button:not(:last-child) {
&:active { @if $variant=='light' { box-shadow: 1px 0 $header_button_active_bg; } } &:active { @if $variant=='light'and $compact == 'false' { box-shadow: 1px 0 $header_button_active_bg; } }
&:checked { @if $variant=='light' { box-shadow: 1px 0 $header_button_checked_bg; } } &:checked { @if $variant=='light' and $compact == 'false' { box-shadow: 1px 0 $header_button_checked_bg; } }
} }
// @include pathbar_linking_rules($sep_color: $button_border); // @include pathbar_linking_rules($sep_color: $button_border);

497
src/gtk-3.0/sass/_drawing-compact.scss Normal file
View File

@ -0,0 +1,497 @@
// Shadows
$shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); // Slider hover shadow
$shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); // Header-button shadow
$shadow_2: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); // Slider normal shadow
$shadow_3: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); // Normal button shadow
$shadow_4: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); // Switch-slider hover shadow
$shadow_5: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); // Switch-slider normal shadow
$text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0px rgba(#202020, 0.05), 1px 0px rgba(#202020, 0.05),
0px 1px rgba(#202020, 0.3), 0px 2px rgba(#202020, 0.05); // text and icon shadow
// Transitions
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$transition_1: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
$transition_2: all 0.2s cubic-bezier(0, 0, 0.2, 1);
$shadow_transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
$button_transition: all 200ms $ease-out-quad;
$backdrop_transition: 200ms ease-out;
// Animations
$switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
@keyframes switch_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center,
$success_color 0%,
transparent 0%);
}
to {
background-image: radial-gradient(circle farthest-corner at center,
$success_color 100%,
transparent 0%);
}
}
@keyframes header_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center,
$header_bg 0%,
transparent 0%);
}
to {
background-image: radial-gradient(circle farthest-corner at center,
$header_bg 100%,
transparent 0%);
}
}
// Drawing mixins
// Solid color image
@function _solid($c) {
@return linear-gradient(to bottom, $c, $c);
}
// 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;
@if $variant == 'light' { box-shadow: $shadow_3, inset 0 0 0 1px rgba($borders_color, 0.01); }
}
@if $t==focus {
//
// focused entry
//
color: $text_color;
border-color: $entry_highlight;
background-color: $entry_bg;
@if $variant == 'dark' {box-shadow: inset 0 0 0 2px $entry_highlight; }
@if $variant == 'light' { box-shadow: 0px 1px 1px 0px transparent,
0px 1px 2px 0px transparent, // set the same size transparent shadow for entry transition
inset 0 0 0 2px $entry_highlight; }
}
@if $t==insensitive {
//
// insensitive entry
//
color: $insensitive_fg_color;
border-color: $entry_border;
background-color: transparentize($entry_bg, 0.45);
}
@if $t==header-normal {
//
// normal header-bar entry
//
color: $header_fg;
border-style: none;
background-color: $header_button_bg;
background-image: none;
box-shadow: $shadow_1;
image, image:hover { color: inherit; }
}
@if $t==header-focus {
//
// focused header-bar entry
//
border: none;
box-shadow: 0px 1px 1px 0px transparent, //
0px 1px 2px 0px transparent, // set the same size transparent shadow for entry transition
0 0 0 2px $entry_highlight,
inset 0 0 0 1px $entry_highlight;
}
@if $t==header-insensitive {
//
// insensitive header-bar entry
//
color: transparentize($header_fg, 0.45);
border-style: none;
background-color: transparentize($header_entry_bg, 0.15);
}
@else if $t==osd {
//
// normal osd entry
//
color: $osd_fg_color;
border-color: $osd_entry_border;
background-color: $osd_entry_bg;
image, image:hover { color: inherit; }
}
@else if $t==osd-focus {
//
// active osd entry
//
color: $selected_fg_color;
border-color: $osd_entry_border;
background-color: $selected_bg_color;
}
@else if $t==osd-insensitive {
//
// insensitive osd entry
//
color: $osd_fg_color;
background-color: transparentize($osd_entry_bg, 0.15);
}
}
// Buttons
@mixin button($t, $actionb_bg:red, $actionb_fg: green) {
//
// Button drawing function
//
// $t: button type,
// $actionb_bg, $actionb_fg: used for destructive and suggested action buttons
@if $t==normal {
//
// normal button
//
color: $fg_color;
border-color: $button_border;
background-color: $button_bg;
@if $variant=='light' { box-shadow: $shadow_3, inset 0 0 0 1px rgba($borders_color, 0.01); }
}
@else if $t==hover {
//
// hovered button
//
color: darken($fg_color, 10%);
border-color: $borders_color;
background-color: if($variant=='light', darken($button_bg, 3%), lighten($button_bg, 8%));
box-shadow: none;
}
@else if $t==active {
//
// pushed button
//
color: $selected_fg_color;
background-color: $selection_mode_bg;
border-color: $selection_mode_bg;
background-image: linear-gradient( 180deg, #4c97fe 0%, #0564e3 100%);
box-shadow: none;
}
@else if $t==insensitive {
//
// insensitive button
//
label, & { color: $insensitive_fg_color; }
border-color: $button_border;
background-color: transparentize($button_bg, 0.45);
box-shadow: $shadow_3;
}
@else if $t==insensitive-active {
//
// insensitive pushed button
//
label, & { color: transparentize($selected_fg_color, 0.2); }
border-color: transparentize($selected_bg_color, 0.25);
background-color: transparentize($selected_bg_color, 0.25);
box-shadow: none;
opacity: 0.6;
}
@if $t==flat-normal {
//
// normal button
//
border: none;
background-color: transparent;
box-shadow: none;
}
@else if $t==flat-hover {
//
// hovered button
//
color: darken($fg_color, 10%);
background-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15));
border-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15));
}
@else if $t==flat-active {
//
// pushed button
//
background-image: none;
color: $selected_fg_color;
background-color: if($variant=='light', rgba(black, 0.5), rgba(white, 0.25));
text-shadow: if($variant=='light', $text_shadow, none);
-gtk-icon-shadow: if($variant=='light', $text_shadow, none);
}
@else if $t==flat-checked {
//
// pushed button
//
background-image: none;
color: $selected_fg_color;
background-color: if($variant=='light', rgba(black, 0.65), rgba(white, 0.35));
text-shadow: if($variant=='light', $text_shadow, none);
-gtk-icon-shadow: if($variant=='light', $text_shadow, none);
}
@else if $t==flat-insensitive {
//
// insensitive button
//
label, & { color: $insensitive_fg_color; }
background-color: transparent;
// border: none;
}
@else if $t==flat-insensitive-active {
//
// insensitive pushed button
//
label, & { color: transparentize($selected_fg_color, 0.2); }
background-color: lighten($fg_color, 20%);
border-color: lighten($fg_color, 20%);
opacity: 0.6;
}
@if $t==header-normal {
//
// normal header-bar button
//
color: $header_fg;
border: none;
background-color: $header_button_bg;
background-image: none;
box-shadow: $shadow_1;
}
@else if $t==header-hover {
//
// hovered header-bar button
//
color: $header_fg;
border: none;
background-color: $header_button_hover_bg;
box-shadow: $shadow_1;
}
@else if $t==header-active {
//
// pushed header-bar button
//
color: $selected_fg_color;
border: none;
background-color: $header_button_active_bg;
background-image: none;
text-shadow: if($variant=='light', $text_shadow, none);
-gtk-icon-shadow: if($variant=='light', $text_shadow, none);
box-shadow: $shadow_1;
}
@else if $t==header-checked {
//
// pushed header-bar button
//
color: $selected_fg_color;
border: none;
background-color: $header_button_checked_bg;
background-image: none;
text-shadow: if($variant=='light', $text_shadow, none);
-gtk-icon-shadow: if($variant=='light', $text_shadow, none);
box-shadow: $shadow_1;
}
@else if $t==header-insensitive {
//
// insensitive header-bar button
//
label, & { color: transparentize($header_fg, 0.45); }
background-color: $header_button_bg;
border: none;
box-shadow: $shadow_1;
}
@else if $t==header-insensitive-active {
//
// header-bar insensitive pushed button
//
color: transparentize($selected_fg_color, 0.25);
border: none;
background-color: transparentize($header_button_active_bg, 0.35);
box-shadow: none;
}
@else if $t==osd {
//
// normal osd button
//
color: $osd_fg_color;
border-color: $osd_button_border;
background-color: $osd_button_bg;
}
@else if $t==osd-hover {
//
// active osd button
//
color: $osd_fg_color;
border-color: $osd_button_border;
background-color: opacify(lighten($osd_button_bg, 7%), 0.1);
}
@else if $t==osd-active {
//
// active osd button
//
color: $selected_fg_color;
border-color: $osd_button_border;
background-color: $selected_bg_color;
}
@else if $t==osd-insensitive {
//
// insensitive osd button
//
color: $osd_insensitive_fg_color;
border-color: $osd_button_border;
background-color: transparentize($osd_button_bg, 0.15);
}
@else if $t==suggested_destructive {
//
// suggested or destructive action buttons
//
background-clip: border-box;
color: $actionb_fg;
background-color: $actionb_bg;
border-color: darken($actionb_bg, 10%);
background-image: none;
// box-shadow: none;
}
@else if $t==undecorated {
//
// reset
//
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: 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;
border: none;
}

1
src/gtk-3.0/sass/_drawing.scss
View File

@ -1,4 +1,3 @@
// Shadows // Shadows
$shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); // Slider hover shadow $shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); // Slider hover shadow
$shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); // Header-button shadow $shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); // Header-button shadow

BIN
src/gtk-3.0/thumbnail-compact-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
src/gtk-3.0/thumbnail-compact-light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
src/gtk-3.0/thumbnail-dark.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
src/gtk-3.0/thumbnail-light.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

536
src/gtk-3.0/thumbnail.svg
View File

@ -16,7 +16,7 @@
viewBox="0 0 39.6875 39.6875" viewBox="0 0 39.6875 39.6875"
version="1.1" version="1.1"
id="svg8" id="svg8"
inkscape:version="0.92.2 (5c3e80d, 2017-08-06)" inkscape:version="0.92.3pre0 (0ab9bec, 2018-03-03)"
sodipodi:docname="thumbnail.svg" sodipodi:docname="thumbnail.svg"
inkscape:export-filename="/home/vince/桌面/thumbnail.png" inkscape:export-filename="/home/vince/桌面/thumbnail.png"
inkscape:export-xdpi="96" inkscape:export-xdpi="96"
@ -228,6 +228,61 @@
y2="260.90042" y2="260.90042"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
gradientTransform="translate(-66.807296,20.753739)" /> gradientTransform="translate(-66.807296,20.753739)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient993"
id="linearGradient995-3"
x1="86.279839"
y1="268.46481"
x2="86.279839"
y2="259.36301"
gradientUnits="userSpaceOnUse"
spreadMethod="pad" />
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1111"
x="-0.024763007"
width="1.049526"
y="-0.065907694"
height="1.1318154">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.16697664"
id="feGaussianBlur1113" />
</filter>
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter987-5">
<feFlood
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood977-6" />
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite979-2" />
<feGaussianBlur
in="composite1"
stdDeviation="0"
result="blur"
id="feGaussianBlur981-9" />
<feOffset
dx="0"
dy="0.5"
result="offset"
id="feOffset983-1" />
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite985-2" />
</filter>
</defs> </defs>
<sodipodi:namedview <sodipodi:namedview
id="base" id="base"
@ -236,17 +291,17 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="4" inkscape:zoom="2"
inkscape:cx="70.508194" inkscape:cx="73.645997"
inkscape:cy="65.552624" inkscape:cy="71.551901"
inkscape:document-units="mm" inkscape:document-units="mm"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="true"
units="px" units="px"
inkscape:window-width="1366" inkscape:window-width="1366"
inkscape:window-height="690" inkscape:window-height="740"
inkscape:window-x="0" inkscape:window-x="0"
inkscape:window-y="0" inkscape:window-y="28"
inkscape:window-maximized="1" inkscape:window-maximized="1"
inkscape:snap-global="false" inkscape:snap-global="false"
showguides="true" showguides="true"
@ -773,5 +828,472 @@
inkscape:connector-curvature="0" /> inkscape:connector-curvature="0" />
</g> </g>
</g> </g>
<g
id="thumbnail-compact-dark"
inkscape:label="#g1062"
transform="translate(-28.560014,8.6471307)">
<rect
ry="0"
rx="0"
y="259.38867"
x="70.867859"
height="9.0767908"
width="31.566374"
id="rect999-0"
style="opacity:1;fill:#333333;fill-opacity:1;stroke:none;stroke-width:0.18362547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<g
inkscape:label="#g11094"
id="radio-checked-dark-9"
style="display:inline;opacity:1"
transform="matrix(0.26458333,0,0,0.26458333,65.70868,261.71457)">
<g
style="display:inline"
id="radio-unchecked-2-1-3"
inkscape:label="#g10975"
transform="translate(19.004264,-4.6992607e-6)">
<g
id="g10964-6-63-6">
<g
style="display:inline"
id="radio-unchecked2-0-8-0"
transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"
inkscape:label="#g15805">
<g
transform="translate(0,1.0687628)"
id="g7025-09-0-5-6"
style="display:inline;opacity:0.06000001;fill:#000000;fill-opacity:1">
<g
style="display:inline;fill:#000000;fill-opacity:1"
id="g5489-2-9-3-2-6-2-2"
transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)">
<g
style="fill:#000000;fill-opacity:1"
id="g5428-8-1-7-5-4-7-6" />
</g>
</g>
<rect
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
id="rect14348-4-8-5-1"
width="17.090866"
height="17.100227"
x="206.99057"
y="261.97873" />
<g
id="g7025-09-09-8">
<g
style="display:inline"
id="g5489-2-9-3-2-28-7"
transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)">
<g
id="g5428-8-1-7-5-64-9">
<rect
ry="14.459554"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#5294e2;fill-opacity:1;fill-rule:nonzero;stroke:#999999;stroke-width:0;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
id="rect5147-9-1-7-2-0-2"
width="29.384991"
height="28.919107"
x="51.610752"
y="126.56255"
rx="14.692495" />
</g>
</g>
</g>
</g>
</g>
</g>
<rect
ry="2"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#333333;fill-opacity:1;stroke:none;stroke-width:2.08838987;marker:none;enable-background:accumulate"
id="use15101-5-7-55-0"
width="4"
height="4"
x="122"
y="6.3621826"
rx="1.9988754" />
</g>
<g
inkscape:label="#g10758"
id="checkbox-checked-dark-2"
style="display:inline;opacity:1"
transform="matrix(0.26458333,0,0,0.26458333,81.214202,261.71457)">
<g
transform="translate(19)"
style="display:inline"
id="checkbox-unchecked-5-59-3"
inkscape:label="#g22047">
<g
inkscape:label="#g21853"
id="sdsd-7-54-7">
<g
id="scdsdcd-5-8-5"
inkscape:label="#g14325"
transform="translate(0,-30)">
<g
style="display:inline"
id="g15812-6-6-1-5-4-9"
transform="matrix(0.92951982,0,0,0.92914368,-156.75069,-212.9618)">
<g
transform="matrix(0.5089163,0,0,0.51739823,161.7932,197.56426)"
id="g5489-2-9-6-8-8-53-5-2"
style="display:inline">
<g
id="g5428-8-1-4-0-0-4-2-2" />
</g>
</g>
<rect
y="30.362183"
x="17"
height="16"
width="16"
id="rect13523-7-11-8"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
<g
id="g5400-6-68-9">
<rect
ry="1.9999917"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#5294e2;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
id="rect5147-9-1-5-7-6-7-4-7"
width="13.999989"
height="13.99999"
x="18.000006"
y="31.362196"
rx="1.9999943" />
</g>
</g>
</g>
</g>
<g
style="display:inline"
transform="translate(36,-1036)"
id="checkbox-checked-dark-7-37-3"
inkscape:label="Ebene 1">
<g
style="opacity:0.85;fill:#1a1a1a;fill-opacity:1"
transform="rotate(45,-3.2604448,1033.6624)"
id="g3981-6-4-97-6" />
<g
transform="rotate(45,7.4999938,1026.3622)"
id="g4049-2-5-1">
<g
transform="translate(12.374375,11.531233)"
id="g4056-7-6-2">
<g
style="fill:#3b3c3e;fill-opacity:1"
transform="translate(-3,-4.9999826)"
id="g3981-0-8-9">
<rect
style="fill:#333333;fill-opacity:1;stroke:none"
id="rect3977-39-90-3"
width="5"
height="1.9999826"
x="8"
y="1033.3622"
rx="0.66666085"
ry="0.66666085" />
<rect
style="fill:#333333;fill-opacity:1;stroke:none"
id="rect3979-7-60-1"
width="2"
height="7.9999828"
x="11"
y="1027.3622"
ry="0" />
</g>
<rect
transform="translate(0,1036.3622)"
y="-8"
x="5"
height="1"
width="3"
id="rect4047-81-5-9"
style="fill:#eeeeee;fill-opacity:0;stroke:none" />
</g>
</g>
</g>
</g>
<rect
ry="1.3402885"
rx="0"
y="260.88687"
x="72.611099"
height="6.0803819"
width="16.18317"
id="rect1001-4"
style="opacity:0.15;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter987-5)" />
<g
transform="translate(0.74844342,0.35312728)"
id="text1007-7"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.40856862px;line-height:1.25;font-family:Purisa;-inkscape-font-specification:Purisa;letter-spacing:0px;word-spacing:0px;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:0.08521421"
aria-label="Button">
<path
inkscape:connector-curvature="0"
id="path1009-8"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
d="m 74.699088,263.60556 v 0.91039 h 0.539246 q 0.271287,0 0.401106,-0.11151 0.131483,-0.11317 0.131483,-0.34451 0,-0.23301 -0.131483,-0.34286 -0.129819,-0.11151 -0.401106,-0.11151 z m 0,-1.0219 v 0.74895 h 0.497637 q 0.246323,0 0.366155,-0.0915 0.121497,-0.0932 0.121497,-0.28294 0,-0.18807 -0.121497,-0.28127 -0.119832,-0.0932 -0.366155,-0.0932 z m -0.336197,-0.27628 h 0.858799 q 0.384463,0 0.592505,0.15977 0.208043,0.15978 0.208043,0.45437 0,0.22801 -0.106518,0.36282 -0.106518,0.13481 -0.312896,0.1681 0.247987,0.0533 0.384463,0.22302 0.13814,0.1681 0.13814,0.42108 0,0.33287 -0.22635,0.51428 -0.22635,0.18142 -0.6441,0.18142 h -0.892086 z" />
<path
inkscape:connector-curvature="0"
id="path1011-4"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
d="m 76.707946,264.0566 v -1.12843 h 0.306239 v 1.11678 q 0,0.26463 0.103189,0.39777 0.103189,0.13149 0.309567,0.13149 0.247987,0 0.39112,-0.15812 0.144798,-0.15811 0.144798,-0.43106 v -1.05686 h 0.306238 v 1.86407 h -0.306238 v -0.28627 q -0.111511,0.16976 -0.259637,0.25298 -0.146462,0.0815 -0.34119,0.0815 -0.321218,0 -0.487652,-0.19972 -0.166434,-0.19972 -0.166434,-0.58418 z" />
<path
inkscape:connector-curvature="0"
id="path1013-5"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
d="m 79.0064,262.39891 v 0.52926 h 0.630785 v 0.238 H 79.0064 v 1.01192 q 0,0.22802 0.06158,0.29293 0.06324,0.0649 0.254644,0.0649 h 0.314561 v 0.25631 h -0.314561 q -0.354504,0 -0.489316,-0.13149 -0.134811,-0.13315 -0.134811,-0.48266 v -1.01192 h -0.224686 v -0.238 h 0.224686 v -0.52926 z" />
<path
inkscape:connector-curvature="0"
id="path1015-0"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
d="m 80.690712,262.39891 v 0.52926 h 0.630785 v 0.238 h -0.630785 v 1.01192 q 0,0.22802 0.06158,0.29293 0.06325,0.0649 0.254644,0.0649 h 0.31456 v 0.25631 h -0.31456 q -0.354505,0 -0.489316,-0.13149 -0.134812,-0.13315 -0.134812,-0.48266 v -1.01192 h -0.224686 v -0.238 h 0.224686 v -0.52926 z" />
<path
inkscape:connector-curvature="0"
id="path1017-3"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
d="m 82.794438,263.14287 q -0.246322,0 -0.389455,0.19307 -0.143134,0.1914 -0.143134,0.52593 0,0.33453 0.141469,0.52759 0.143134,0.1914 0.39112,0.1914 0.244658,0 0.387791,-0.19306 0.143134,-0.19306 0.143134,-0.52593 0,-0.3312 -0.143134,-0.52427 -0.143133,-0.19473 -0.387791,-0.19473 z m 0,-0.25963 q 0.399442,0 0.627456,0.25963 0.228015,0.25964 0.228015,0.719 0,0.45769 -0.228015,0.71899 -0.228014,0.25964 -0.627456,0.25964 -0.401106,0 -0.62912,-0.25964 -0.226351,-0.2613 -0.226351,-0.71899 0,-0.45936 0.226351,-0.719 0.228014,-0.25963 0.62912,-0.25963 z" />
<path
inkscape:connector-curvature="0"
id="path1019-6"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
d="m 85.545593,263.66714 v 1.1251 h -0.306239 v -1.11511 q 0,-0.26463 -0.103189,-0.39612 -0.103189,-0.13148 -0.309567,-0.13148 -0.247987,0 -0.39112,0.15811 -0.143133,0.15812 -0.143133,0.43107 v 1.05353 h -0.307903 v -1.86407 h 0.307903 v 0.2896 q 0.109846,-0.1681 0.257972,-0.25132 0.149791,-0.0832 0.344519,-0.0832 0.321217,0 0.485987,0.19972 0.16477,0.19805 0.16477,0.58418 z" />
</g>
</g>
<g
id="thumbnail-compact-light"
transform="translate(-28.560014,21.016404)"
inkscape:label="#g1146">
<rect
style="opacity:1;fill:url(#linearGradient995-3);fill-opacity:1;stroke:none;stroke-width:0.18362547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1064-0"
width="31.566374"
height="9.0767908"
x="70.867859"
y="259.38867"
rx="0"
ry="0" />
<g
transform="matrix(0.26458333,0,0,0.26458333,65.70868,261.71457)"
style="display:inline;opacity:1"
id="g1092-6"
inkscape:label="#g11094">
<g
transform="translate(19.004264,-4.6992607e-6)"
inkscape:label="#g10975"
id="g1088-3"
style="display:inline">
<g
id="g1086-2">
<g
inkscape:label="#g15805"
transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"
id="g1084-0"
style="display:inline">
<g
style="display:inline;opacity:0.06000001;fill:#000000;fill-opacity:1"
id="g1070-6"
transform="translate(0,1.0687628)">
<g
transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"
id="g1068-1"
style="display:inline;fill:#000000;fill-opacity:1">
<g
id="g1066-5"
style="fill:#000000;fill-opacity:1" />
</g>
</g>
<rect
y="261.97873"
x="206.99057"
height="17.100227"
width="17.090866"
id="rect1072-5"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
<g
id="g1082-4">
<g
transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"
id="g1080-7"
style="display:inline">
<g
id="g1078-6">
<rect
rx="14.692495"
y="126.56255"
x="51.610752"
height="28.919107"
width="29.384991"
id="rect1076-5"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#0e6bff;fill-opacity:1;fill-rule:nonzero;stroke:#999999;stroke-width:0;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
ry="14.459554" />
</g>
</g>
</g>
</g>
</g>
</g>
<rect
rx="1.9988754"
y="6.3621826"
x="122"
height="4"
width="4"
id="rect1090-6"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:2.08838987;marker:none;enable-background:accumulate"
ry="2" />
</g>
<g
transform="matrix(0.26458333,0,0,0.26458333,81.214202,261.71457)"
style="display:inline;opacity:1"
id="g1128-9"
inkscape:label="#g10758">
<g
inkscape:label="#g22047"
id="g1110-3"
style="display:inline"
transform="translate(19)">
<g
id="g1108-7"
inkscape:label="#g21853">
<g
transform="translate(0,-30)"
inkscape:label="#g14325"
id="g1106-4">
<g
transform="matrix(0.92951982,0,0,0.92914368,-156.75069,-212.9618)"
id="g1098-5"
style="display:inline">
<g
style="display:inline"
id="g1096-2"
transform="matrix(0.5089163,0,0,0.51739823,161.7932,197.56426)">
<g
id="g1094-5" />
</g>
</g>
<rect
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
id="rect1100-4"
width="16"
height="16"
x="17"
y="30.362183" />
<g
id="g1104-7">
<rect
rx="1.9999943"
y="31.362196"
x="18.000006"
height="13.99999"
width="13.999989"
id="rect1102-4"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#0e6bff;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
ry="1.9999917" />
</g>
</g>
</g>
</g>
<g
inkscape:label="Ebene 1"
id="g1126-4"
transform="translate(36,-1036)"
style="display:inline">
<g
id="g1112-3"
transform="rotate(45,-3.2604448,1033.6624)"
style="opacity:0.85;fill:#1a1a1a;fill-opacity:1" />
<g
id="g1124-0"
transform="rotate(45,7.4999938,1026.3622)">
<g
id="g1122-7"
transform="translate(12.374375,11.531233)">
<g
id="g1118-8"
transform="translate(-3,-4.9999826)"
style="fill:#3b3c3e;fill-opacity:1">
<rect
ry="0.66666085"
rx="0.66666085"
y="1033.3622"
x="8"
height="1.9999826"
width="5"
id="rect1114-6"
style="fill:#f5f6f7;fill-opacity:1;stroke:none" />
<rect
ry="0"
y="1027.3622"
x="11"
height="7.9999828"
width="2"
id="rect1116-8"
style="fill:#f5f6f7;fill-opacity:1;stroke:none" />
</g>
<rect
style="fill:#eeeeee;fill-opacity:0;stroke:none"
id="rect1120-8"
width="3"
height="1"
x="5"
y="-8"
transform="translate(0,1036.3622)" />
</g>
</g>
</g>
</g>
<rect
ry="1.4689083"
rx="0"
y="261.38297"
x="72.611099"
height="6.0803819"
width="16.18317"
id="rect1073"
style="opacity:0.15;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter1111)" />
<rect
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1130-4"
width="16.18317"
height="6.0803819"
x="72.611099"
y="260.88687"
rx="0"
ry="1.3213685" />
<g
aria-label="Button"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.40856862px;line-height:1.25;font-family:Purisa;-inkscape-font-specification:Purisa;letter-spacing:0px;word-spacing:0px;fill:#b3b3b3;fill-opacity:1;stroke:none;stroke-width:0.08521421"
id="g1144-3"
transform="translate(0.74844342,0.35312728)">
<path
d="m 74.699088,263.60556 v 0.91039 h 0.539246 q 0.271287,0 0.401106,-0.11151 0.131483,-0.11317 0.131483,-0.34451 0,-0.23301 -0.131483,-0.34286 -0.129819,-0.11151 -0.401106,-0.11151 z m 0,-1.0219 v 0.74895 h 0.497637 q 0.246323,0 0.366155,-0.0915 0.121497,-0.0932 0.121497,-0.28294 0,-0.18807 -0.121497,-0.28127 -0.119832,-0.0932 -0.366155,-0.0932 z m -0.336197,-0.27628 h 0.858799 q 0.384463,0 0.592505,0.15977 0.208043,0.15978 0.208043,0.45437 0,0.22801 -0.106518,0.36282 -0.106518,0.13481 -0.312896,0.1681 0.247987,0.0533 0.384463,0.22302 0.13814,0.1681 0.13814,0.42108 0,0.33287 -0.22635,0.51428 -0.22635,0.18142 -0.6441,0.18142 h -0.892086 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
id="path1132-1"
inkscape:connector-curvature="0" />
<path
d="m 76.707946,264.0566 v -1.12843 h 0.306239 v 1.11678 q 0,0.26463 0.103189,0.39777 0.103189,0.13149 0.309567,0.13149 0.247987,0 0.39112,-0.15812 0.144798,-0.15811 0.144798,-0.43106 v -1.05686 h 0.306238 v 1.86407 h -0.306238 v -0.28627 q -0.111511,0.16976 -0.259637,0.25298 -0.146462,0.0815 -0.34119,0.0815 -0.321218,0 -0.487652,-0.19972 -0.166434,-0.19972 -0.166434,-0.58418 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
id="path1134-4"
inkscape:connector-curvature="0" />
<path
d="m 79.0064,262.39891 v 0.52926 h 0.630785 v 0.238 H 79.0064 v 1.01192 q 0,0.22802 0.06158,0.29293 0.06324,0.0649 0.254644,0.0649 h 0.314561 v 0.25631 h -0.314561 q -0.354504,0 -0.489316,-0.13149 -0.134811,-0.13315 -0.134811,-0.48266 v -1.01192 h -0.224686 v -0.238 h 0.224686 v -0.52926 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
id="path1136-9"
inkscape:connector-curvature="0" />
<path
d="m 80.690712,262.39891 v 0.52926 h 0.630785 v 0.238 h -0.630785 v 1.01192 q 0,0.22802 0.06158,0.29293 0.06325,0.0649 0.254644,0.0649 h 0.31456 v 0.25631 h -0.31456 q -0.354505,0 -0.489316,-0.13149 -0.134812,-0.13315 -0.134812,-0.48266 v -1.01192 h -0.224686 v -0.238 h 0.224686 v -0.52926 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
id="path1138-2"
inkscape:connector-curvature="0" />
<path
d="m 82.794438,263.14287 q -0.246322,0 -0.389455,0.19307 -0.143134,0.1914 -0.143134,0.52593 0,0.33453 0.141469,0.52759 0.143134,0.1914 0.39112,0.1914 0.244658,0 0.387791,-0.19306 0.143134,-0.19306 0.143134,-0.52593 0,-0.3312 -0.143134,-0.52427 -0.143133,-0.19473 -0.387791,-0.19473 z m 0,-0.25963 q 0.399442,0 0.627456,0.25963 0.228015,0.25964 0.228015,0.719 0,0.45769 -0.228015,0.71899 -0.228014,0.25964 -0.627456,0.25964 -0.401106,0 -0.62912,-0.25964 -0.226351,-0.2613 -0.226351,-0.71899 0,-0.45936 0.226351,-0.719 0.228014,-0.25963 0.62912,-0.25963 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
id="path1140-0"
inkscape:connector-curvature="0" />
<path
d="m 85.545593,263.66714 v 1.1251 h -0.306239 v -1.11511 q 0,-0.26463 -0.103189,-0.39612 -0.103189,-0.13148 -0.309567,-0.13148 -0.247987,0 -0.39112,0.15811 -0.143133,0.15812 -0.143133,0.43107 v 1.05353 h -0.307903 v -1.86407 h 0.307903 v 0.2896 q 0.109846,-0.1681 0.257972,-0.25132 0.149791,-0.0832 0.344519,-0.0832 0.321217,0 0.485987,0.19972 0.16477,0.19805 0.16477,0.58418 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Samanata;-inkscape-font-specification:Samanata;fill:#b3b3b3;stroke-width:0.08521421"
id="path1142-6"
inkscape:connector-curvature="0" />
</g>
</g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 61 KiB