From 0b6eacd73cb5fe1050eea3a85fcbafe74f222a3d Mon Sep 17 00:00:00 2001
From: lassekongo83 <lassekongo83@users.noreply.github.com>
Date: Wed, 19 May 2021 08:21:33 +0200
Subject: [PATCH 1/2] Gnome 40 compatibility
---
CONTRIBUTING.md | 1 +
README.md | 15 +-
.../src/carousel-arrow-back-24-symbolic.svg | 36 +
.../src/carousel-arrow-next-24-symbolic.svg | 36 +
gnome-shell/src/color-pick.svg | 94 +
gnome-shell/src/gnome-shell-high-contrast.css | 229 +-
.../src/gnome-shell-high-contrast.scss | 25 +
gnome-shell/src/gnome-shell-sass/_colors.scss | 1 +
gnome-shell/src/gnome-shell-sass/_common.scss | 13 +-
.../src/gnome-shell-sass/_drawing.scss | 7 +-
.../_high-contrast-colors.scss | 1 +
.../src/gnome-shell-sass/_widgets.scss | 5 +-
.../gnome-shell-sass/gnome-shell-sass.doap | 37 +
.../gnome-shell-sass/widgets/_app-grid.scss | 69 +-
.../src/gnome-shell-sass/widgets/_base.scss | 2 +-
.../gnome-shell-sass/widgets/_calendar.scss | 9 +-
.../gnome-shell-sass/widgets/_check-box.scss | 1 +
.../src/gnome-shell-sass/widgets/_dash.scss | 60 +-
.../gnome-shell-sass/widgets/_dialogs.scss | 9 +
.../gnome-shell-sass/widgets/_entries.scss | 2 +-
.../widgets/_login-dialog.scss | 27 +-
.../widgets/_looking-glass.scss | 2 +-
.../widgets/_message-list.scss | 2 +-
.../src/gnome-shell-sass/widgets/_misc.scss | 23 +-
.../gnome-shell-sass/widgets/_overview.scss | 11 +-
.../src/gnome-shell-sass/widgets/_panel.scss | 98 +-
.../widgets/_screen-shield.scss | 2 +-
.../widgets/_search-entry.scss | 6 +-
.../src/gnome-shell-sass/widgets/_slider.scss | 2 +-
.../gnome-shell-sass/widgets/_switches.scss | 2 +-
.../widgets/_window-picker.scss | 45 +-
.../widgets/_workspace-thumbnails.scss | 14 +-
gnome-shell/src/gnome-shell-start.svg | 343 ++
gnome-shell/src/gnome-shell.css | 221 +-
gnome-shell/src/window-close-24-symbolic.svg | 31 +
gnome-shell/src/workspace-placeholder.svg | 119 +
.../gtk-4.0/install-dark-theme.sh | 12 +
gtk/src/Zukitre-dark/gtk-4.0/meson.build | 2 +
gtk/src/Zukitre-dark/meson.build | 1 +
gtk/src/Zukitre/gtk-3.0/_common.scss | 82 +-
gtk/src/Zukitre/gtk-3.0/_custom.scss | 149 +-
gtk/src/Zukitre/gtk-3.0/_drawing.scss | 3 +-
gtk/src/Zukitre/gtk-3.0/assets.svg | 1865 ++++++++-
gtk/src/Zukitre/gtk-3.0/assets.txt | 30 +
.../ztwo-titlebutton-close-active-dark.png} | Bin 1090 -> 1074 bytes
.../ztwo-titlebutton-close-active-dark@2.png} | Bin 2330 -> 2314 bytes
.../assets/ztwo-titlebutton-close-active.png} | Bin 1072 -> 1056 bytes
.../ztwo-titlebutton-close-active@2.png} | Bin 2348 -> 2332 bytes
.../ztwo-titlebutton-close-backdrop-dark.png} | Bin 793 -> 777 bytes
...two-titlebutton-close-backdrop-dark@2.png} | Bin 1759 -> 1743 bytes
.../ztwo-titlebutton-close-backdrop.png | Bin 0 -> 724 bytes
.../ztwo-titlebutton-close-backdrop@2.png} | Bin 1619 -> 1603 bytes
.../assets/ztwo-titlebutton-close-dark.png} | Bin 1152 -> 1136 bytes
.../assets/ztwo-titlebutton-close-dark@2.png} | Bin 2560 -> 2544 bytes
...titlebutton-close-hover-backdrop-dark.png} | Bin 792 -> 776 bytes
...tlebutton-close-hover-backdrop-dark@2.png} | Bin 1778 -> 1762 bytes
.../ztwo-titlebutton-close-hover-backdrop.png | Bin 0 -> 725 bytes
...wo-titlebutton-close-hover-backdrop@2.png} | Bin 1637 -> 1621 bytes
.../ztwo-titlebutton-close-hover-dark.png} | Bin 1163 -> 1147 bytes
.../ztwo-titlebutton-close-hover-dark@2.png} | Bin 2591 -> 2575 bytes
.../assets/ztwo-titlebutton-close-hover.png} | Bin 1138 -> 1122 bytes
.../ztwo-titlebutton-close-hover@2.png} | Bin 2459 -> 2443 bytes
.../assets/ztwo-titlebutton-close.png} | Bin 1132 -> 1116 bytes
.../assets/ztwo-titlebutton-close@2.png} | Bin 2482 -> 2466 bytes
...ztwo-titlebutton-maximize-active-dark.png} | Bin 1029 -> 1013 bytes
...wo-titlebutton-maximize-active-dark@2.png} | Bin 2172 -> 2156 bytes
.../ztwo-titlebutton-maximize-active.png} | Bin 1022 -> 1006 bytes
.../ztwo-titlebutton-maximize-active@2.png | Bin 0 -> 2175 bytes
...wo-titlebutton-maximize-backdrop-dark.png} | Bin 730 -> 714 bytes
...-titlebutton-maximize-backdrop-dark@2.png} | Bin 1598 -> 1582 bytes
.../ztwo-titlebutton-maximize-backdrop.png | Bin 0 -> 677 bytes
.../ztwo-titlebutton-maximize-backdrop@2.png} | Bin 1560 -> 1544 bytes
.../ztwo-titlebutton-maximize-dark.png} | Bin 1080 -> 1064 bytes
.../ztwo-titlebutton-maximize-dark@2.png} | Bin 2285 -> 2269 bytes
...lebutton-maximize-hover-backdrop-dark.png} | Bin 736 -> 720 bytes
...button-maximize-hover-backdrop-dark@2.png} | Bin 1566 -> 1550 bytes
...o-titlebutton-maximize-hover-backdrop.png} | Bin 698 -> 682 bytes
...titlebutton-maximize-hover-backdrop@2.png} | Bin 1545 -> 1529 bytes
.../ztwo-titlebutton-maximize-hover-dark.png} | Bin 1078 -> 1062 bytes
...two-titlebutton-maximize-hover-dark@2.png} | Bin 2311 -> 2295 bytes
.../ztwo-titlebutton-maximize-hover.png | Bin 0 -> 1037 bytes
.../ztwo-titlebutton-maximize-hover@2.png} | Bin 2254 -> 2238 bytes
.../assets/ztwo-titlebutton-maximize.png} | Bin 1063 -> 1047 bytes
.../assets/ztwo-titlebutton-maximize@2.png} | Bin 2291 -> 2275 bytes
...ztwo-titlebutton-minimize-active-dark.png} | Bin 1032 -> 1016 bytes
...wo-titlebutton-minimize-active-dark@2.png} | Bin 2167 -> 2151 bytes
.../ztwo-titlebutton-minimize-active.png} | Bin 1029 -> 1013 bytes
.../ztwo-titlebutton-minimize-active@2.png} | Bin 2163 -> 2147 bytes
...wo-titlebutton-minimize-backdrop-dark.png} | Bin 728 -> 712 bytes
...-titlebutton-minimize-backdrop-dark@2.png} | Bin 1558 -> 1542 bytes
.../ztwo-titlebutton-minimize-backdrop.png} | Bin 728 -> 712 bytes
.../ztwo-titlebutton-minimize-backdrop@2.png} | Bin 1545 -> 1529 bytes
.../ztwo-titlebutton-minimize-dark.png} | Bin 1087 -> 1071 bytes
.../ztwo-titlebutton-minimize-dark@2.png} | Bin 2285 -> 2269 bytes
...tlebutton-minimize-hover-backdrop-dark.png | Bin 0 -> 717 bytes
...button-minimize-hover-backdrop-dark@2.png} | Bin 1548 -> 1532 bytes
...o-titlebutton-minimize-hover-backdrop.png} | Bin 735 -> 719 bytes
...titlebutton-minimize-hover-backdrop@2.png} | Bin 1552 -> 1536 bytes
.../ztwo-titlebutton-minimize-hover-dark.png} | Bin 1092 -> 1076 bytes
...two-titlebutton-minimize-hover-dark@2.png} | Bin 2290 -> 2274 bytes
.../ztwo-titlebutton-minimize-hover.png} | Bin 1058 -> 1042 bytes
.../ztwo-titlebutton-minimize-hover@2.png | Bin 0 -> 2265 bytes
.../assets/ztwo-titlebutton-minimize.png | Bin 0 -> 1042 bytes
.../assets/ztwo-titlebutton-minimize@2.png} | Bin 2288 -> 2272 bytes
gtk/src/Zukitre/gtk-3.0/gtk-dark.css | 10 +-
gtk/src/Zukitre/gtk-3.0/gtk-dark.scss | 1 +
.../gtk-3.0/gtk-zukitwo-dark.css} | 54 +-
gtk/src/Zukitre/gtk-3.0/gtk-zukitwo-dark.scss | 15 +
.../gtk-3.0/gtk-zukitwo.css} | 54 +-
gtk/src/Zukitre/gtk-3.0/gtk-zukitwo.scss | 15 +
gtk/src/Zukitre/gtk-3.0/gtk.css | 10 +-
gtk/src/Zukitre/gtk-3.0/gtk.scss | 1 +
gtk/src/Zukitre/gtk-3.0/meson.build | 2 +
gtk/src/Zukitre/gtk-3.0/parse-sass.sh | 2 +
gtk/src/Zukitre/gtk-3.0/render-assets.sh | 4 +-
gtk/src/Zukitre/gtk-4.0/README | 37 +
.../gtk-4.0}/_colors-public.scss | 73 +-
.../gtk-3.0 => Zukitre/gtk-4.0}/_colors.scss | 27 +-
.../gtk-3.0 => Zukitre/gtk-4.0}/_common.scss | 3461 +++++++----------
gtk/src/Zukitre/gtk-4.0/_custom.scss | 450 +++
.../gtk-3.0 => Zukitre/gtk-4.0}/_drawing.scss | 355 +-
.../gtk-4.0/assets/bullet-symbolic.svg | 155 +
.../assets/bullet-symbolic.symbolic.png | Bin 0 -> 165 bytes
.../assets/bullet@2-symbolic.symbolic.png | Bin 0 -> 268 bytes
.../Zukitre/gtk-4.0/assets/check-symbolic.svg | 154 +
.../assets/check-symbolic.symbolic.png | Bin 0 -> 234 bytes
.../assets/check@2-symbolic.symbolic.png | Bin 0 -> 366 bytes
.../gtk-4.0}/assets/dash-symbolic.svg | 27 +-
.../gtk-4.0/assets/dash-symbolic.symbolic.png | Bin 0 -> 130 bytes
.../assets/dash@2-symbolic.symbolic.png | Bin
gtk/src/Zukitre/gtk-4.0/gtk-dark.css | 1794 +++++++++
.../gtk-3.0 => Zukitre/gtk-4.0}/gtk-dark.scss | 1 +
gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.css | 1726 ++++++++
gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.scss | 10 +
gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.css | 1740 +++++++++
gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.scss | 10 +
gtk/src/Zukitre/gtk-4.0/gtk.css | 1744 +++++++++
.../gtk-3.0 => Zukitre/gtk-4.0}/gtk.scss | 1 +
gtk/src/Zukitre/gtk-4.0/meson.build | 38 +
.../gtk-3.0 => Zukitre/gtk-4.0}/parse-sass.sh | 2 +
gtk/src/Zukitre/meson.build | 1 +
.../gtk-3.0/install-dark-theme.sh | 4 +-
gtk/src/Zukitwo-dark/gtk-3.0/meson.build | 2 +-
.../gtk-4.0/install-dark-theme.sh | 12 +
gtk/src/Zukitwo-dark/gtk-4.0/meson.build | 2 +
gtk/src/Zukitwo-dark/meson.build | 1 +
gtk/src/Zukitwo/gtk-3.0/README.md | 24 -
gtk/src/Zukitwo/gtk-3.0/_custom.scss | 752 ----
gtk/src/Zukitwo/gtk-3.0/assets.svg | 2135 ----------
gtk/src/Zukitwo/gtk-3.0/assets.txt | 42 -
.../gtk-3.0/assets/bullet-symbolic.svg | 66 -
.../assets/bullet-symbolic.symbolic.png | Bin 249 -> 0 bytes
.../assets/bullet@2-symbolic.symbolic.png | Bin 227 -> 0 bytes
.../Zukitwo/gtk-3.0/assets/check-symbolic.svg | 64 -
.../assets/check-symbolic.symbolic.png | Bin 320 -> 0 bytes
.../assets/check@2-symbolic.symbolic.png | Bin 286 -> 0 bytes
.../gtk-3.0/assets/dash-symbolic.symbolic.png | Bin 201 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-down-dark.png | Bin 189 -> 0 bytes
.../assets/scrollarrow-down-dark@2.png | Bin 270 -> 0 bytes
.../assets/scrollarrow-down-insensitive.png | Bin 226 -> 0 bytes
.../assets/scrollarrow-down-insensitive@2.png | Bin 420 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-down.png | Bin 244 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-down@2.png | Bin 432 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-left-dark.png | Bin 184 -> 0 bytes
.../assets/scrollarrow-left-dark@2.png | Bin 291 -> 0 bytes
.../assets/scrollarrow-left-insensitive.png | Bin 232 -> 0 bytes
.../assets/scrollarrow-left-insensitive@2.png | Bin 376 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-left.png | Bin 228 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-left@2.png | Bin 380 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-right-dark.png | Bin 175 -> 0 bytes
.../assets/scrollarrow-right-dark@2.png | Bin 270 -> 0 bytes
.../assets/scrollarrow-right-insensitive.png | Bin 232 -> 0 bytes
.../scrollarrow-right-insensitive@2.png | Bin 393 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-right.png | Bin 227 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-right@2.png | Bin 389 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-up-dark.png | Bin 185 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-up-dark@2.png | Bin 281 -> 0 bytes
.../assets/scrollarrow-up-insensitive.png | Bin 225 -> 0 bytes
.../assets/scrollarrow-up-insensitive@2.png | Bin 434 -> 0 bytes
.../Zukitwo/gtk-3.0/assets/scrollarrow-up.png | Bin 232 -> 0 bytes
.../gtk-3.0/assets/scrollarrow-up@2.png | Bin 421 -> 0 bytes
.../assets/titlebutton-close-backdrop.png | Bin 740 -> 0 bytes
.../titlebutton-close-hover-backdrop.png | Bin 741 -> 0 bytes
.../assets/titlebutton-maximize-active@2.png | Bin 2191 -> 0 bytes
.../assets/titlebutton-maximize-backdrop.png | Bin 693 -> 0 bytes
.../assets/titlebutton-maximize-hover.png | Bin 1053 -> 0 bytes
...tlebutton-minimize-hover-backdrop-dark.png | Bin 733 -> 0 bytes
.../assets/titlebutton-minimize-hover@2.png | Bin 2281 -> 0 bytes
.../gtk-3.0/assets/titlebutton-minimize.png | Bin 1058 -> 0 bytes
gtk/src/Zukitwo/gtk-3.0/install-zukitwo.sh | 12 +
gtk/src/Zukitwo/gtk-3.0/meson.build | 38 +-
gtk/src/Zukitwo/gtk-3.0/render-assets.sh | 35 -
gtk/src/Zukitwo/gtk-4.0/install-zukitwo.sh | 12 +
gtk/src/Zukitwo/gtk-4.0/meson.build | 2 +
gtk/src/Zukitwo/meson.build | 1 +
meson.build | 2 +-
196 files changed, 12950 insertions(+), 5974 deletions(-)
create mode 100644 gnome-shell/src/carousel-arrow-back-24-symbolic.svg
create mode 100644 gnome-shell/src/carousel-arrow-next-24-symbolic.svg
create mode 100644 gnome-shell/src/color-pick.svg
create mode 100644 gnome-shell/src/gnome-shell-sass/gnome-shell-sass.doap
create mode 100644 gnome-shell/src/gnome-shell-start.svg
create mode 100644 gnome-shell/src/window-close-24-symbolic.svg
create mode 100644 gnome-shell/src/workspace-placeholder.svg
create mode 100644 gtk/src/Zukitre-dark/gtk-4.0/install-dark-theme.sh
create mode 100644 gtk/src/Zukitre-dark/gtk-4.0/meson.build
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-active-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active-dark.png} (69%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-active-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active-dark@2.png} (62%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-active.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active.png} (68%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-active@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active@2.png} (93%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop-dark.png} (81%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop-dark@2.png} (84%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop.png
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop@2.png} (88%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-dark.png} (73%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-dark@2.png} (59%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop-dark.png} (71%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop-dark@2.png} (88%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop.png
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop@2.png} (92%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-hover-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-dark.png} (57%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-hover-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-dark@2.png} (92%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-hover.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover.png} (62%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close-hover@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover@2.png} (92%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close.png} (72%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-close@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-close@2.png} (73%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-active-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active-dark.png} (61%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-active-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active-dark@2.png} (91%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-active.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active.png} (80%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active@2.png
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop-dark.png} (71%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop-dark@2.png} (75%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop.png
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop@2.png} (81%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-dark.png} (83%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-dark@2.png} (86%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop-dark.png} (70%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop-dark@2.png} (74%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop.png} (76%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop@2.png} (91%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-dark.png} (58%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-dark@2.png} (92%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover.png
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover@2.png} (76%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize.png} (78%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-maximize@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize@2.png} (87%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-active-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active-dark.png} (77%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-active-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active-dark@2.png} (76%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-active.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active.png} (87%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-active@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active@2.png} (85%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop-dark.png} (66%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop-dark@2.png} (87%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop.png} (62%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop@2.png} (84%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-dark.png} (80%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-dark@2.png} (91%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop-dark.png
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop-dark@2.png} (89%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop.png} (77%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop@2.png} (91%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-dark.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-dark.png} (62%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-dark@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-dark@2.png} (90%)
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover.png} (76%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover@2.png
create mode 100644 gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize.png
rename gtk/src/{Zukitwo/gtk-3.0/assets/titlebutton-minimize@2.png => Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize@2.png} (70%)
rename gtk/src/{Zukitwo/gtk-3.0/gtk-dark.css => Zukitre/gtk-3.0/gtk-zukitwo-dark.css} (98%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/gtk-zukitwo-dark.scss
rename gtk/src/{Zukitwo/gtk-3.0/gtk.css => Zukitre/gtk-3.0/gtk-zukitwo.css} (98%)
create mode 100644 gtk/src/Zukitre/gtk-3.0/gtk-zukitwo.scss
create mode 100644 gtk/src/Zukitre/gtk-4.0/README
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/_colors-public.scss (65%)
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/_colors.scss (80%)
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/_common.scss (51%)
create mode 100644 gtk/src/Zukitre/gtk-4.0/_custom.scss
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/_drawing.scss (57%)
create mode 100644 gtk/src/Zukitre/gtk-4.0/assets/bullet-symbolic.svg
create mode 100644 gtk/src/Zukitre/gtk-4.0/assets/bullet-symbolic.symbolic.png
create mode 100644 gtk/src/Zukitre/gtk-4.0/assets/bullet@2-symbolic.symbolic.png
create mode 100644 gtk/src/Zukitre/gtk-4.0/assets/check-symbolic.svg
create mode 100644 gtk/src/Zukitre/gtk-4.0/assets/check-symbolic.symbolic.png
create mode 100644 gtk/src/Zukitre/gtk-4.0/assets/check@2-symbolic.symbolic.png
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/assets/dash-symbolic.svg (80%)
create mode 100644 gtk/src/Zukitre/gtk-4.0/assets/dash-symbolic.symbolic.png
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/assets/dash@2-symbolic.symbolic.png (100%)
create mode 100644 gtk/src/Zukitre/gtk-4.0/gtk-dark.css
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/gtk-dark.scss (87%)
create mode 100644 gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.css
create mode 100644 gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.scss
create mode 100644 gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.css
create mode 100644 gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.scss
create mode 100644 gtk/src/Zukitre/gtk-4.0/gtk.css
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/gtk.scss (95%)
create mode 100644 gtk/src/Zukitre/gtk-4.0/meson.build
rename gtk/src/{Zukitwo/gtk-3.0 => Zukitre/gtk-4.0}/parse-sass.sh (70%)
create mode 100644 gtk/src/Zukitwo-dark/gtk-4.0/install-dark-theme.sh
create mode 100644 gtk/src/Zukitwo-dark/gtk-4.0/meson.build
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/README.md
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/_custom.scss
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets.svg
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets.txt
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/bullet-symbolic.svg
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/bullet-symbolic.symbolic.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/bullet@2-symbolic.symbolic.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/check-symbolic.svg
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/check-symbolic.symbolic.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/check@2-symbolic.symbolic.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/dash-symbolic.symbolic.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-dark.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-dark@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-insensitive.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-insensitive@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-dark.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-dark@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-insensitive.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-insensitive@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-dark.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-dark@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-insensitive.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-insensitive@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-dark.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-dark@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-insensitive.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-insensitive@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop-dark.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover@2.png
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize.png
create mode 100644 gtk/src/Zukitwo/gtk-3.0/install-zukitwo.sh
delete mode 100644 gtk/src/Zukitwo/gtk-3.0/render-assets.sh
create mode 100644 gtk/src/Zukitwo/gtk-4.0/install-zukitwo.sh
create mode 100644 gtk/src/Zukitwo/gtk-4.0/meson.build
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 2aa6c1e..9ca167f 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -5,6 +5,7 @@ Zuki-themes consists of:
* `gnome-shell` is the theme for GNOME Shell. This themes stuff like the calendar widget, the panel, the dock and more.
* `gtk-2.0` contains the GTK+2 theme, styling applications that doesn't use GTK+3 yet.
* `gtk-3.0` contains the GTK+3 theme, styling most modern GTK+ applications.
+* `gtk-4.0` contains the GTK+4 theme, styling most modern GTK+ applications.
* `xfwm4` contains the theme that styles the xfwm4 window manager for XFCE4.
### Build and install themes from source
diff --git a/README.md b/README.md
index 47214a0..e571df0 100644
--- a/README.md
+++ b/README.md
@@ -11,14 +11,14 @@ Themes for GNOME and XFCE4.
### Requirements
-- GNOME Shell 3.38 (Older versions can be found under the releases section.)
-- GTK 3.24.13+
+- GNOME Shell 40.1+ (Older versions can be found under the releases section.)
+- GTK 3.24.13+ and/or GTK 4.2+
<sub>I can't guarantee that the themes will look as intended on older versions.</sub>
-Some of these packages may already be installed by default on some distros.
+Some of these packages may already be installed by default on some distros. (You can skip the gtk2 dependencies if you do not use any gtk2 applications. Then all you need to install is `git`, `meson`, `sassc`, and `ninja`)
-* Debian/Ubuntu/Mint - `apt install gtk2-engines-murrine gtk2-engines-pixbuf ninja-build git meson sassc`
+* Debian/Ubuntu/Mint/PopOS - `apt install gtk2-engines-murrine gtk2-engines-pixbuf ninja-build git meson sassc`
* Arch/Manjaro - `pacman -S gtk-engines gtk-engine-murrine ninja git meson sassc`
* Opensuse - `zypper in gtk2-engine-murrine gtk2-engines ninja git meson sassc`
* Fedora - `dnf install gtk-murrine-engine gtk2-engines ninja-build git meson sassc`
@@ -72,13 +72,18 @@ gsettings set org.gnome.desktop.interface gtk-theme Zukitre-dark
gsettings set org.gnome.desktop.interface gtk-theme Adwaita
```
+To change the gnome-shell theme you need to install and activate the `User themes` extension in the [extensions app](https://flathub.org/apps/details/org.gnome.Extensions).
+1. If the user-themes extension is not installed, then look for the package `gnome-shell-extensions` or `gnome-shell-extension-user-theme` and install it. (Or install it from https://extensions.gnome.org/extension/19/user-themes/)
+2. Open the extensions app and activate the `user themes` extension.
+3. Go to the Appearance page in `gnome-tweaks` and change the Shell theme to Zuki-shell in the drop-down list. (If it still shows a yellow triangle, then restart `gnome-tweaks` or relog.)
+
Xfce users can change themes in `Settings > Appearance` and `Settings > Window manager`
#### Flatpak applications
To use the theme in Flatpak applications you'll have to copy the theme(s) from /usr/share/themes to ~/.themes (Symbolic links won't work.)
-As long as the version of the included GTK3 for the Flatpak app is at 3.24.x the theme should be used. Some apps may require you to change the theme in the app's settings.
+The theme will be used if the included GTK version for the Flatpak app is at 3.24.x or 4.x. Some apps may require you to change the theme in the app's settings.
#### Removing the themes
diff --git a/gnome-shell/src/carousel-arrow-back-24-symbolic.svg b/gnome-shell/src/carousel-arrow-back-24-symbolic.svg
new file mode 100644
index 0000000..9848930
--- /dev/null
+++ b/gnome-shell/src/carousel-arrow-back-24-symbolic.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ width="24"
+ height="24"
+ viewBox="0 0 24 24.000001"
+ version="1.1"
+ id="svg19258">
+ <defs
+ id="defs19252" />
+ <metadata
+ id="metadata19255">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="g834"
+ transform="rotate(-90,-246.75894,471.75774)"
+ style="fill:#241f31">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#241f31;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+ d="m 213.0007,724.40348 -10.3711,7.3945 v 0 a 1.5,1.5 0 0 0 -0.6308,1.2187 v 1.5 h 1.5 a 1.5,1.5 0 0 0 0.8711,-0.2793 l 8.6289,-6.1523 8.6289,6.1523 a 1.5,1.5 0 0 0 0.8711,0.2793 h 1.5 v -1.5 a 1.5,1.5 0 0 0 -0.6309,-1.2187 v 0 z"
+ id="path832" />
+ </g>
+</svg>
diff --git a/gnome-shell/src/carousel-arrow-next-24-symbolic.svg b/gnome-shell/src/carousel-arrow-next-24-symbolic.svg
new file mode 100644
index 0000000..7d6356f
--- /dev/null
+++ b/gnome-shell/src/carousel-arrow-next-24-symbolic.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ width="24"
+ height="24"
+ viewBox="0 0 24 24.000001"
+ version="1.1"
+ id="svg19258">
+ <defs
+ id="defs19252" />
+ <metadata
+ id="metadata19255">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="g872"
+ transform="matrix(0,-1,-1,0,742.51668,224.9988)"
+ style="fill:#241f31">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#241f31;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+ d="m 213.0007,724.40348 -10.3711,7.3945 v 0 a 1.5,1.5 0 0 0 -0.6308,1.2187 v 1.5 h 1.5 a 1.5,1.5 0 0 0 0.8711,-0.2793 l 8.6289,-6.1523 8.6289,6.1523 a 1.5,1.5 0 0 0 0.8711,0.2793 h 1.5 v -1.5 a 1.5,1.5 0 0 0 -0.6309,-1.2187 v 0 z"
+ id="path870" />
+ </g>
+</svg>
diff --git a/gnome-shell/src/color-pick.svg b/gnome-shell/src/color-pick.svg
new file mode 100644
index 0000000..d9af690
--- /dev/null
+++ b/gnome-shell/src/color-pick.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="5.4116011mm"
+ height="5.1374583mm"
+ viewBox="0 0 5.4116011 5.1374583"
+ version="1.1"
+ id="svg5595"
+ inkscape:version="0.92.4 (unknown)"
+ sodipodi:docname="color-pick.svg">
+ <defs
+ id="defs5589">
+ <filter
+ inkscape:collect="always"
+ x="-0.10291173"
+ width="1.2058235"
+ y="-0.065432459"
+ height="1.1308649"
+ id="filter5601"
+ style="color-interpolation-filters:sRGB">
+ <feGaussianBlur
+ inkscape:collect="always"
+ stdDeviation="0.610872"
+ id="feGaussianBlur5603" />
+ </filter>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="15.839192"
+ inkscape:cx="39.387731"
+ inkscape:cy="12.554326"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ inkscape:window-width="1920"
+ inkscape:window-height="1016"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0" />
+ <metadata
+ id="metadata5592">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-103.12753,-146.26461)">
+ <circle
+ r="8.4810486"
+ cy="9.82623"
+ cx="10.226647"
+ id="circle7584"
+ style="color:#000000;display:inline;overflow:visible;opacity:0.6;vector-effect:none;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;filter:url(#filter5601)"
+ transform="matrix(0.26458333,0,0,0.26458333,103.12753,146.26461)" />
+ <path
+ style="color:#000000;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:0.26399338;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
+ d="m 108.07728,148.64122 c 0,1.2393 -1.00465,2.24394 -2.24395,2.24394 -1.23929,0 -2.24716,-1.00465 -2.25221,-2.24394 l -0.009,-2.24458 2.26136,6.4e-4 c 1.2393,3.4e-4 2.24395,1.00464 2.24395,2.24394 z"
+ id="path7523-7"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ssscss" />
+ <circle
+ style="color:#000000;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#50dbb5;fill-opacity:1;stroke:none;stroke-width:0.36885914;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
+ id="path7482-1"
+ cx="105.83707"
+ cy="148.64352"
+ r="1.844296" />
+ </g>
+</svg>
diff --git a/gnome-shell/src/gnome-shell-high-contrast.css b/gnome-shell/src/gnome-shell-high-contrast.css
index 32dfef2..195f61f 100644
--- a/gnome-shell/src/gnome-shell-high-contrast.css
+++ b/gnome-shell/src/gnome-shell-high-contrast.css
@@ -6,11 +6,11 @@ stage { font-size: 11pt; color: #fff; }
/* Common Stylings */
.search-statustext { font-size: 2em; font-weight: bold; color: #eeeeec; }
-.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #eeeeec; background-color: #2e3436; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 12px; }
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #eeeeec; background-color: #2e3436; border-radius: 12px; padding: 12px; }
-.workspace-thumbnails { color: #eeeeec; background-color: rgba(46, 52, 54, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); }
+.workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); }
-.show-apps .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .list-search-result, .search-provider-icon { border-radius: 4px; padding: 6px; border: 2px solid transparent; transition-duration: 75ms; text-align: center; }
+.app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon { border-radius: 8px; padding: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; }
.modal-dialog { color: #fff; background-color: #000; border: 1px solid black; }
@@ -28,10 +28,10 @@ stage { font-size: 11pt; color: #fff; }
.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: gray; border-color: black; background-color: #0e0e0e; box-shadow: none; text-shadow: none; icon-shadow: none; }
-.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #fff; background-color: #0d0d0d; border-color: black; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
-
.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.6); }
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #fff; background-color: #0d0d0d; border-color: black; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
+
.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #fff; background-color: black; border-color: black; text-shadow: none; icon-shadow: none; box-shadow: none; }
.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child { border-radius: 0 0 0 6px; }
@@ -47,10 +47,10 @@ stage { font-size: 11pt; color: #fff; }
.lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
-.icon-dropshadow { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
+.icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
/* Entries */
-StEntry { border-radius: 4px; padding: 8px; border-width: 1px; color: #fff; background-color: rgba(255, 255, 255, 0.14); border-color: black; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); selection-background-color: #215d9c; selected-color: #ffffff; }
+StEntry { border-radius: 4px; padding: 8px; border-width: 1px; color: #fff; background-color: #222; border-color: black; selection-background-color: #215d9c; selected-color: #ffffff; }
StEntry:focus { border-color: #0f2b48; box-shadow: inset 0 0 0 1px #215d9c; }
@@ -157,9 +157,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 14px; margin-right: 1.09em; }
/* Date/Time Menu */
-.clock-display-box { spacing: 3px; }
+.clock-display-box { spacing: 2px; }
-.clock-display-box .clock { padding-left: 6px; padding-right: 6px; }
+.clock-display-box .clock { padding-left: 12px; padding-right: 12px; }
#calendarArea { padding: 0; }
@@ -171,7 +171,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
-.events-section-title { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #999999; font-weight: bold; padding: .4em; }
+.events-section-title { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #999999; font-weight: bold; padding: .4em; }
.events-section-title:focus { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.6); }
@@ -180,7 +180,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.events-section-title:active { color: #fff; background-color: black; border-color: black; text-shadow: none; icon-shadow: none; box-shadow: none; }
/* today button (the date) */
-.datemenu-today-button { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; padding: 9px; }
+.datemenu-today-button { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; padding: 9px; }
.datemenu-today-button:focus { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.6); }
@@ -193,7 +193,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.datemenu-today-button .date-label { font-size: 18pt; font-weight: 1000; }
/* Calendar */
-.calendar { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 6px; }
+.calendar { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 6px; }
.calendar:focus { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.6); }
@@ -211,11 +211,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.calendar .pager-button:active { background-color: black; }
-.calendar .calendar-day-base { font-size: 8pt; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 2px; border: 1px solid transparent; font-feature-settings: "tnum"; }
+.calendar .calendar-day-base { font-size: 8pt; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 4px; border: 1px solid transparent; font-feature-settings: "tnum"; }
.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: #0d0d0d; }
-.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: white; background-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: white; background-color: black; }
.calendar .calendar-day-base.calendar-day-heading { color: white; margin-top: 1em; font-size: 7pt; }
@@ -244,7 +244,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; height: 1.8em; width: 2.3em; border-radius: 2px; margin: 6px; background-color: black; color: white; }
/* Events */
-.events-button { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
+.events-button { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
.events-button:focus { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.6); }
@@ -261,7 +261,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.events-button .event-time { color: #cccccc; font-feature-settings: "tnum"; font-size: 10pt; }
/* World clocks */
-.world-clocks-button { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
+.world-clocks-button { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
.world-clocks-button:focus { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.6); }
@@ -284,7 +284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.world-clocks-button .world-clocks-timezone { color: #cccccc; font-feature-settings: "tnum"; font-size: 10pt; }
/* Weather */
-.weather-button { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
+.weather-button { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
.weather-button:focus { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.6); }
@@ -319,7 +319,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.message-list-controls { margin: 8px 16px 0; padding: 4px; spacing: 12px; }
-.message { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
+.message { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #fff; background-color: #080808; border-color: black; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.message:focus { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.6); }
@@ -358,7 +358,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.url-highlighter { link-color: #4a90d9; }
/* Media Controls */
-.message-media-control { padding: 12px 24px; color: #d9d9d9; }
+.message-media-control { padding: 12px 1.64em; color: #d9d9d9; }
.message-media-control:hover { background-color: #1a1a1a; color: #fff; }
@@ -509,6 +509,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.audio-selection-device-icon { icon-size: 4.36em; }
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
/* Network Dialogs */
.nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; }
@@ -593,37 +596,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 52px; background-color: #215d9c; border: 1px solid #256ab1; border-radius: 7px; color: #ffffff; }
/* Top Bar */
-#panel { background-color: rgba(0, 0, 0, 0.9); font-weight: bold; height: 1.86em; font-feature-settings: "tnum"; }
+#panel { background-color: rgba(0, 0, 0, 0.9); font-weight: bold; height: 1.86em; font-feature-settings: "tnum"; transition-duration: 250ms; }
-#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+#panel.unlock-screen, #panel.login-screen, #panel:overview { background-color: transparent; }
-#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; }
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner { -panel-corner-opacity: 0; }
-#panel #panelLeft, #panel #panelCenter { spacing: 6px; }
+#panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.9); -panel-corner-border-width: 0px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; transition-duration: 250ms; }
-#panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.9); -panel-corner-border-width: 0px; -panel-corner-border-color: transparent; }
+#panel .panel-button { font-weight: bold; color: #fff; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 0px solid transparent; border-radius: 0; }
-#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #256ab1; }
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 0px solid transparent; border-radius: 0; }
-#panel .panel-button { font-weight: bold; color: #fff; -natural-hpadding: 12px; -minimum-hpadding: 6px; }
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: white; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.6); }
-#panel .panel-button:hover { color: white; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.6); }
+#panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; }
-#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: white; }
+#panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { color: white; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.6); }
-#panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; }
+#panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; }
-#panel .panel-button .app-menu-icon { margin-left: 4px; margin-right: 4px; -st-icon-style: symbolic; }
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
-.unlock-screen #panel .panel-button, .login-screen #panel .panel-button { color: white; }
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
-.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active { color: white; }
+#panel #panelActivities.panel-button { -natural-hpadding: 18px; }
-#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #215d9c; }
+#panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
-#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; }
+#panel.unlock-screen .panel-button.clock-display:hover, #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked { box-shadow: none; }
-#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0 0 #256ab1; }
+#panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
@@ -635,32 +638,36 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
#appMenu .label-shadow { color: transparent; }
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
/* Activities Ripple */
.ripple-box { background-color: rgba(158, 196, 235, 0.3); box-shadow: 0 0 2px 2px #4a90d9; width: 52px; height: 52px; border-radius: 0 0 52px 0; }
.ripple-box:rtl { border-radius: 0 0 0 52px; }
/* OVERVIEW */
-#overview { spacing: 24px; background-color: transparent; }
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #282828; }
.overview-controls { padding-bottom: 32px; }
/* Window Picker */
-.window-picker { spacing: 6px; padding: 12px; }
+.window-picker { spacing: 6px; }
-.window-picker.external-monitor { padding: 12px; }
+.window-caption { color: #eeeeec; background-color: #2e3436; border-radius: 4px; padding: 6px 12px; }
-.window-clone-border { border-width: 6px; border-style: solid; border-color: rgba(255, 255, 255, 0.35); border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
+.window-close { background-color: #a30000; color: #eeeeec; border-radius: 4px; padding: 3px; height: 24px; width: 24px; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); transition-duration: 150ms; }
-.window-caption { color: #eeeeec; background-color: #2e3436; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 6px 12px; font-weight: bold; font-size: 12pt; }
-
-.window-close { background-color: #a30000; color: #ffffff; border: none; border-radius: 4px; padding: 3px; height: 24px; width: 24px; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
+.window-close StIcon { icon-size: 24px; }
.window-close:hover { background-color: #cc0000; }
-.window-close:active { background-color: #990000; }
+.window-close:active { color: rgba(238, 238, 236, 0.8); background-color: #990000; }
+
+.workspace-background { border-radius: 30px; background-color: #2e3436; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); }
-.search-entry { width: 320px; padding: 7px 9px; border-radius: 4px; color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.14); border-color: transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+.search-entry { width: 320px; padding: 7px 9px; border-radius: 4px; color: rgba(255, 255, 255, 0.7); margin-top: 12px; margin-bottom: 6px; background-color: rgba(255, 255, 255, 0.14); border-color: transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.search-entry:hover { background-color: rgba(255, 255, 255, 0.25); border-color: transparent; color: white; }
@@ -695,8 +702,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.list-search-result .list-search-result-description { color: #a6a69b; }
+/* Dash */
+#dash { font-size: 9pt; margin-top: 18px; padding: 0 6px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .overview-icon { padding: 3px; }
+
+.dash-background { background-color: transparent; margin-bottom: 0; padding: 6px; border-radius: 8px 8px 0 0; }
+
+.dash-item-container .app-well-app, .show-apps { padding: 6px 6px 6px; }
+
+.dash-separator { width: 1px; margin: 0 9px 0; background-color: rgba(238, 238, 236, 0.3); }
+
+.dash-label { color: #eeeeec; background-color: #2e3436; border-radius: 4px; padding: 6px 12px; text-align: center; -y-offset: 12px; }
+
+.show-apps .overview-icon { color: #eeeeec; }
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon { background-color: rgba(238, 238, 236, 0.1); }
+
+.show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.3); }
+
+.show-apps:drop .overview-icon { border: 2px solid #215d9c; background-color: rgba(33, 93, 156, 0.2); }
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon { background-color: rgba(23, 25, 26, 0.5); }
+
+.show-apps:focus .overview-icon, .show-apps:checked .overview-icon { background-color: rgba(46, 52, 54, 0.5); color: #fff; }
+
/* App Grid */
-.icon-grid { row-spacing: 36px; column-spacing: 36px; max-row-spacing: 72px; max-column-spacing: 72px; }
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 72px; max-column-spacing: 72px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 12px; page-padding-right: 12px; }
/* App Icons */
.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #fff; }
@@ -705,7 +741,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(255, 255, 255, 0.3); }
-.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { background-color: rgba(33, 93, 156, 0.85); }
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid #215d9c; background-color: rgba(33, 93, 156, 0.2); }
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(23, 25, 26, 0.5); }
@@ -714,9 +750,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
/* App Folders */
-.app-well-app.app-folder { background-color: rgba(46, 52, 54, 0.2); border-radius: 8px; }
+.app-well-app.app-folder { background-color: #3b3b3b; border-radius: 8px; }
-.app-folder-dialog { border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1); padding: 12px; background-color: rgba(23, 25, 26, 0.95); }
+.app-folder-dialog { border-radius: 12px; background-color: #3b3b3b; padding: 12px 0px 12px 0px; }
.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
@@ -730,16 +766,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
-.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; }
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
.app-folder-dialog .page-indicators { margin-bottom: 18px; }
-.app-folder-dialog .page-indicators .page-indicator { padding: 15px 12px; }
-
.app-folder-dialog-container { padding: 12px; width: 620px; height: 620px; }
-.app-folder-icon { padding: 6px; spacing-rows: 6px; spacing-columns: 6px; }
-
.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; background-color: #eeeeec; margin-bottom: 1px; }
.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
@@ -748,45 +780,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.app-menu, .app-well-menu { max-width: 27.25em; }
-.page-indicator { padding: 15px 20px; }
+.page-indicator { padding: 6px 12px 0; }
.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; }
-.all-apps { padding: 0px 88px 10px 88px; }
+.apps-scroll-view { padding: 0; }
.system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; }
-/* Dash */
-#dash { background-color: transparent; border: none; font-size: 9pt; padding: 4px 0; border-radius: 0 8px 8px 0; }
-
-#dash:rtl { border-radius: 8px 0 0 8px; border-right-width: 0; }
-
-#dash .placeholder { background-image: none; background-size: contain; height: 24px; }
-
-#dash .empty-dash-drop-target { width: 24px; height: 24px; }
-
-.dash-item-container > StWidget { padding: 4px 8px; }
-
-.dash-label { background-color: rgba(46, 52, 54, 0.95); border-radius: 4px; border: none; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); color: #eeeeec; padding: 6px 8px; text-align: center; -x-offset: 8px; }
-
-.show-apps .overview-icon { color: #eeeeec; }
-
-.show-apps:hover .overview-icon, .show-apps:selected .overview-icon { background-color: rgba(238, 238, 236, 0.1); }
+.page-navigation-hint { width: 300px; }
-.show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.3); }
+.page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); }
-.show-apps:drop .overview-icon { background-color: rgba(33, 93, 156, 0.85); }
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 15px 0px 0px 15px; }
-.show-apps:active .overview-icon, .show-apps:checked .overview-icon { background-color: rgba(23, 25, 26, 0.5); }
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 15px 15px 0px; }
-.show-apps:focus .overview-icon, .show-apps:checked .overview-icon { background-color: #17191a; color: #fff; }
+.page-navigation-arrow { margin: 6px; width: 24px; height: 24px; }
/* Workspace pager */
-.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-radius: 8px 0 0 8px; border-right-width: 0; }
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
-.workspace-thumbnails:rtl { border-radius: 0 8px 8px 0; border-left-width: 0; }
+.workspace-thumbnails .workspace-thumbnail { border-radius: 3px; }
-.workspace-thumbnails .placeholder { background-image: url("dash-placeholder.svg"); background-size: contain; height: 24px; }
+.workspace-thumbnails .placeholder { background-image: url("workspace-placeholder.svg"); background-size: contain; width: 18px; }
.workspace-thumbnail-indicator { border: 3px solid #215d9c; border-radius: 3px; padding: 0px; }
@@ -800,20 +817,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.select-area-rubberband { background-color: rgba(33, 93, 156, 0.3); border: 1px solid #215d9c; }
-.user-icon { background-size: contain; color: #eeeeec; border-radius: 99px; border: 2px #eeeeec; }
+.user-icon { background-size: contain; color: #eeeeec; border-radius: 99px; icon-size: 4.36em; }
.user-icon:hover { color: white; }
-.user-icon StIcon { background-color: rgba(238, 238, 236, 0.05); border-radius: 99px; }
+.user-icon StIcon { background-color: rgba(238, 238, 236, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; }
+
+.user-icon.user-avatar { border: 2px #eeeeec; }
.user-widget.vertical .user-icon { icon-size: 6.54em; }
.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; }
-.user-widget.horizontal .user-icon { icon-size: 4.36em; }
-
-.user-widget.horizontal .user-icon StIcon { padding: 12px; width: 2.725em; height: 2.725em; }
-
.lightbox { background-color: black; }
.flashspot { background-color: white; }
@@ -822,6 +837,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 10pt; color: #f57900; }
+/* Workspace animation */
+.workspace-animation { background-color: #282828; }
+
/* Tiled window previews */
.tile-preview { background-color: rgba(33, 93, 156, 0.5); border: 1px solid #215d9c; }
@@ -936,33 +954,33 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
/* Login Dialog */
.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
-.login-dialog { border: none; background-color: transparent; }
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; }
-.login-dialog StEntry { background-color: rgba(45, 44, 46, 0.5); color: #eeeeec; }
+.login-dialog StEntry, .unlock-dialog StEntry { background-color: #202020; color: #fff; }
-.login-dialog .modal-dialog-button-box { spacing: 3px; }
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
-.login-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #5b666a; border-color: #5b666a; color: #fff; }
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #202020; border-color: #202020; color: #eeeeec; }
-.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { background-color: #667478; border-color: #667478; }
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { background-color: #353535; border-color: #353535; }
-.login-dialog .modal-dialog-button:active { box-shadow: none; background-color: #4f595d; border-color: #4f595d; }
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #1b1b1b; border-color: #1b1b1b; }
-.login-dialog .modal-dialog-button:insensitive { color: gray; border-color: black; background-color: #0e0e0e; box-shadow: none; text-shadow: none; icon-shadow: none; border-color: #4f595d; background-color: #4f595d; color: rgba(255, 255, 255, 0.7); }
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { color: gray; border-color: black; background-color: #0e0e0e; box-shadow: none; text-shadow: none; icon-shadow: none; border-color: #1b1b1b; background-color: #1b1b1b; color: rgba(238, 238, 236, 0.7); }
-.login-dialog .modal-dialog-button:default { color: #ffffff; background-color: #2365a9; border-color: #1d538b; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); border-color: #215d9c; }
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { color: #ffffff; background-color: #2365a9; border-color: #1d538b; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); border-color: #215d9c; }
-.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #ffffff; background-color: #256ab1; border-color: #1d538b; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); background-color: #256ab1; border-color: #256ab1; }
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { color: #ffffff; background-color: #256ab1; border-color: #1d538b; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); background-color: #256ab1; border-color: #256ab1; }
-.login-dialog .modal-dialog-button:default:active { color: #ffffff; background-color: #1e5690; border-color: #17426e; text-shadow: none; icon-shadow: none; box-shadow: none; background-color: #1c5187; border-color: #1c5187; }
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { color: #ffffff; background-color: #1e5690; border-color: #17426e; text-shadow: none; icon-shadow: none; box-shadow: none; background-color: #1c5187; border-color: #1c5187; }
-.login-dialog .modal-dialog-button:default:insensitive { color: gray; border-color: black; background-color: #0e0e0e; box-shadow: none; text-shadow: none; icon-shadow: none; border-color: #184472; background-color: #184472; color: rgba(255, 255, 255, 0.7); }
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: gray; border-color: black; background-color: #0e0e0e; box-shadow: none; text-shadow: none; icon-shadow: none; border-color: #184472; background-color: #184472; color: rgba(255, 255, 255, 0.7); }
-.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; border-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3); }
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; border-color: #202020; background-color: #202020; }
-.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; }
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; }
-.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning { color: #eeeeec; }
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: #eeeeec; }
.login-dialog-logo-bin { padding: 24px 0px; }
@@ -972,8 +990,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.login-dialog-message { text-align: center; }
-.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; }
-
.login-dialog-user-selection-box { padding: 100px 0px; }
.login-dialog-not-listed-label { padding-left: 2px; }
@@ -1010,6 +1026,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; }
+.login-dialog-timed-login-indicator { height: 2px; background-color: #999999; }
+
.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
.login-dialog-prompt-entry { height: 1.5em; }
@@ -1039,7 +1057,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); }
-#lockDialogGroup { background-color: #41494c; }
+#lockDialogGroup { background-color: #282828; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(0, 0, 0, 0.3); }
@@ -1047,7 +1065,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(33, 93, 156, 0.5); }
-/* 3rd party extensions */
#panel.dashtopanelMainPanel.dashtopanelTop .panel-button { text-shadow: black 0 1px 1px; }
#panel.dashtopanelMainPanel.dashtopanelTop .panel-button:hover { background-color: rgba(255, 255, 255, 0.15); }
@@ -1231,3 +1248,11 @@ stage { -st-icon-style: symbolic; }
.toggle-switch-us, .toggle-switch-intl { background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg"); }
.toggle-switch-us:checked, .toggle-switch-intl:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); }
+
+#panel.login-screen, #panel.unlock-screen, #panel:overview { background-color: #000; }
+
+#panel.login-screen .panel-corner, #panel.unlock-screen .panel-corner, #panel:overview .panel-corner { -panel-corner-opacity: 1; }
+
+#panel .panel-button { color: #fff !important; }
+
+.window-picker .icon-dropshadow { icon-shadow: none; background-color: #2e3436; padding: 12px; border-radius: 8px; }
diff --git a/gnome-shell/src/gnome-shell-high-contrast.scss b/gnome-shell/src/gnome-shell-high-contrast.scss
index ed52bbb..a6a5314 100644
--- a/gnome-shell/src/gnome-shell-high-contrast.scss
+++ b/gnome-shell/src/gnome-shell-high-contrast.scss
@@ -15,3 +15,28 @@ stage {
background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg");
&:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); }
}
+
+//force opaque panel
+#panel {
+ &.login-screen,
+ &.unlock-screen,
+ &:overview {
+ background-color: #000;
+
+ .panel-corner {
+ -panel-corner-opacity: 1;
+ }
+ }
+
+ .panel-button {
+ color: #fff !important;
+ }
+}
+
+//thumbnail app icons no dropshadow and forced color
+.window-picker .icon-dropshadow {
+ icon-shadow: none;
+ background-color: $osd_bg_color;
+ padding: $base_padding * 2;
+ border-radius: $modal_radius;
+}
diff --git a/gnome-shell/src/gnome-shell-sass/_colors.scss b/gnome-shell/src/gnome-shell-sass/_colors.scss
index a0f7ee9..85f9bef 100644
--- a/gnome-shell/src/gnome-shell-sass/_colors.scss
+++ b/gnome-shell/src/gnome-shell-sass/_colors.scss
@@ -28,6 +28,7 @@ $osd_borders_color: transparentize(black, 0.3);
$osd_outer_borders_color: transparentize(white, 0.84);
$shadow_color: if($variant == 'light', rgba(0,0,0,0.1), rgba(0,0,0,0.2));
+$system_bg_color: desaturate(#241f31,100%); //neutralize the HIG color
//insensitive state derived colors
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
diff --git a/gnome-shell/src/gnome-shell-sass/_common.scss b/gnome-shell/src/gnome-shell-sass/_common.scss
index b913ef9..d68952b 100644
--- a/gnome-shell/src/gnome-shell-sass/_common.scss
+++ b/gnome-shell/src/gnome-shell-sass/_common.scss
@@ -76,7 +76,7 @@ stage {
%osd_panel {
color: $osd_fg_color;
background-color: $osd_bg_color;
- border: 1px solid $osd_outer_borders_color;
+ //border: 1px solid $osd_outer_borders_color;
border-radius: $base_border_radius * 2 + 4px;
padding: $base_padding * 2;
}
@@ -85,16 +85,15 @@ stage {
// for the dash and workspace switcher
%overview_panel {
color: $osd_fg_color;
- background-color: transparentize($osd_bg_color, 0.2);
- border: 1px solid $osd_outer_borders_color;
+ background-color: transparentize($osd_fg_color, 0.9);
}
// icon tiles
%icon_tile {
- border-radius: $base_border_radius;
+ border-radius: $base_border_radius + 4px;
padding: $base_padding;
border: 2px solid transparent;
- transition-duration: 75ms;
+ transition-duration: 100ms;
text-align: center;
}
@@ -130,8 +129,8 @@ stage {
border-bottom-width: 0;
&:insensitive { @include button(insensitive, $shadow: none); }
- &:hover { @include button(hover, $shadow: none); }
&:focus { @include button(focus, $shadow: none); }
+ &:hover { @include button(hover, $shadow: none); }
&:active { @include button(active, $shadow: none); }
// radius is 2 pixel less to fit in bubble
@@ -152,7 +151,7 @@ stage {
// notification styling
@mixin notification_bubble($flat: false) {
- border-width: 0px;
+ border-width: 0;
border-style: solid;
border-radius: $base_border_radius;
margin: $base_margin;
diff --git a/gnome-shell/src/gnome-shell-sass/_drawing.scss b/gnome-shell/src/gnome-shell-sass/_drawing.scss
index 7e9dd47..d5d959f 100644
--- a/gnome-shell/src/gnome-shell-sass/_drawing.scss
+++ b/gnome-shell/src/gnome-shell-sass/_drawing.scss
@@ -38,9 +38,9 @@
//
@if $t==normal {
- background-color: transparentize(white,0.86);
+ background-color: $base_color;
border-color: $borders_color;
- box-shadow: inset 0 0 0 1px transparentize(white, 0.8);
+
}
@if $t==focus {
border-color: if($fc==$selected_bg_color,
@@ -218,7 +218,8 @@
&:drop {
.overview-icon {
- background-color: transparentize($selected_bg_color, .15);
+ border: 2px solid $selected_bg_color; //already 2px transparent so no jumping
+ background-color: transparentize($selected_bg_color, .8);
}
}
diff --git a/gnome-shell/src/gnome-shell-sass/_high-contrast-colors.scss b/gnome-shell/src/gnome-shell-sass/_high-contrast-colors.scss
index 7101793..b34e0b1 100644
--- a/gnome-shell/src/gnome-shell-sass/_high-contrast-colors.scss
+++ b/gnome-shell/src/gnome-shell-sass/_high-contrast-colors.scss
@@ -26,6 +26,7 @@ $osd_borders_color: rgba(0,0,0, 0.7);
$osd_outer_borders_color: rgba(255,255,255, 0.1);
$shadow_color: rgba(0,0,0, 0.1);
+$system_bg_color: desaturate(#241f31,100%); //neutralize the HIG color
//insensitive state derived colors
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
diff --git a/gnome-shell/src/gnome-shell-sass/_widgets.scss b/gnome-shell/src/gnome-shell-sass/_widgets.scss
index 55d32d5..792af67 100644
--- a/gnome-shell/src/gnome-shell-sass/_widgets.scss
+++ b/gnome-shell/src/gnome-shell-sass/_widgets.scss
@@ -37,8 +37,8 @@
@import 'widgets/window-picker';
@import 'widgets/search-entry';
@import 'widgets/search-results';
-@import 'widgets/app-grid';
@import 'widgets/dash';
+@import 'widgets/app-grid';
@import 'widgets/workspace-thumbnails';
// A11y / misc
@import 'widgets/a11y';
@@ -50,6 +50,5 @@
@import 'widgets/login-dialog';
@import 'widgets/screen-shield';
-/* 3rd party extensions */
-
+// 3rd party extensions
@import 'widgets/third-party';
diff --git a/gnome-shell/src/gnome-shell-sass/gnome-shell-sass.doap b/gnome-shell/src/gnome-shell-sass/gnome-shell-sass.doap
new file mode 100644
index 0000000..f18ec1b
--- /dev/null
+++ b/gnome-shell/src/gnome-shell-sass/gnome-shell-sass.doap
@@ -0,0 +1,37 @@
+<Project xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
+ xmlns:foaf="http://xmlns.com/foaf/0.1/"
+ xmlns:gnome="http://api.gnome.org/doap-extensions#"
+ xmlns="http://usefulinc.com/ns/doap#">
+
+ <name xml:lang="en">GNOME Shell Sass</name>
+ <shortdesc xml:lang="en">Sass sources of GNOME Shell</shortdesc>
+ <description>GNOME Shell Sass is a project intended to allow the sharing of the
+ sass theme sources between gnome-shell and other projects like gnome-shell-extensions.</description>
+
+ <category rdf:resource="http://api.gnome.org/doap-extensions#core" />
+ <programming-language>sass</programming-language>
+ <programming-language>css</programming-language>
+
+ <maintainer>
+ <foaf:Person>
+ <foaf:name>Carlos Soriano</foaf:name>
+ <foaf:mbox rdf:resource="mailto:csoriano@gnome.org" />
+ <gnome:userid>csoriano</gnome:userid>
+ </foaf:Person>
+ </maintainer>
+ <maintainer>
+ <foaf:Person>
+ <foaf:name>Florian Müllner</foaf:name>
+ <foaf:mbox rdf:resource="mailto:fmuellner@gnome.org" />
+ <gnome:userid>fmuellner</gnome:userid>
+ </foaf:Person>
+ </maintainer>
+ <maintainer>
+ <foaf:Person>
+ <foaf:name>Jakub Steiner</foaf:name>
+ <foaf:mbox rdf:resource="mailto:jimmac@gmail.com" />
+ <gnome:userid>jimmac</gnome:userid>
+ </foaf:Person>
+ </maintainer>
+</Project>
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_app-grid.scss b/gnome-shell/src/gnome-shell-sass/widgets/_app-grid.scss
index 1d32ac0..626925a 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_app-grid.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_app-grid.scss
@@ -4,10 +4,14 @@ $app_icon_size: 96px;
// app icons
.icon-grid {
- row-spacing: $base_spacing * 6;
- column-spacing: $base_spacing * 6;
+ row-spacing: $base_spacing * 2;
+ column-spacing: $base_spacing * 2;
max-row-spacing: $base_spacing * 12;
max-column-spacing: $base_spacing * 12;
+ page-padding-top: $base_padding * 4;
+ page-padding-bottom: $base_padding * 4;
+ page-padding-left: $base_padding * 2;
+ page-padding-right: $base_padding * 2;
}
/* App Icons */
@@ -30,16 +34,15 @@ $app_grid_fg_color: #fff;
/* App Folders */
.app-well-app.app-folder {
- background-color: transparentize($osd_bg_color, 0.8);
+ background-color: $dash_background_color;
border-radius: $base_border_radius + 4px; // same as %icon_tile
}
// expanded folder
-.app-folder-dialog {
+.app-folder-dialog { //style like the dash
border-radius: $modal_radius * 1.5;
- border: 1px solid $osd_outer_borders_color;
- padding: 12px;
- background-color: transparentize(darken($osd_bg_color,10%), 0.05);
+ background-color: $dash_background_color;
+ padding: 12px 0px 12px 0px;
& .folder-name-container {
padding: 24px 36px 0;
@@ -71,14 +74,14 @@ $app_grid_fg_color: #fff;
& .icon-grid {
row-spacing: $base_spacing * 2;
column-spacing: $base_spacing * 5;
+ page-padding-top: 0;
+ page-padding-bottom: 0;
+ page-padding-left: 0;
+ page-padding-right: 0;
}
& .page-indicators {
margin-bottom: 18px;
-
- .page-indicator {
- padding: 15px 12px;
- }
}
}
.app-folder-dialog-container {
@@ -87,12 +90,6 @@ $app_grid_fg_color: #fff;
height: 620px;
}
-.app-folder-icon {
- padding: $base_padding;
- spacing-rows: $base_spacing;
- spacing-columns: $base_spacing;
-}
-
// Running app indicator (also shown in dash)
.app-well-app-running-dot {
height: 5px;
@@ -118,7 +115,7 @@ $app_grid_fg_color: #fff;
// App Grid pagination indicators
.page-indicator {
- padding: 15px 20px;
+ padding: $base_padding $base_padding * 2 0;
.page-indicator-icon {
width: 10px;
@@ -128,10 +125,8 @@ $app_grid_fg_color: #fff;
}
}
-// Some hacks I don't even know
-.all-apps {
- // horizontal padding to make sure scrollbars or dash don't overlap content
- padding: 0px 88px 10px 88px;
+.apps-scroll-view {
+ padding: 0;
}
// shutdown and other actions in the grid
@@ -141,3 +136,33 @@ $app_grid_fg_color: #fff;
border-radius: 99px;
icon-size: $app_icon_size * 0.5;
}
+
+.page-navigation-hint {
+ width: 300px;
+
+ &.dnd {
+ background: rgba(255, 255, 255, 0.1);
+ }
+
+ &.next:ltr,
+ &.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 15px 0px 0px 15px;
+ }
+
+ &.previous:ltr,
+ &.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 15px 15px 0px;
+ }
+}
+
+.page-navigation-arrow {
+ margin: 6px;
+ width: 24px;
+ height: 24px;
+}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_base.scss b/gnome-shell/src/gnome-shell-sass/widgets/_base.scss
index 914dd59..69ebb30 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_base.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_base.scss
@@ -14,5 +14,5 @@
// Dropshadow for large icons
.icon-dropshadow {
- icon-shadow: 0 1px 2px rgba(black, 0.4);
+ icon-shadow: 0 1px 5px rgba(black, 0.8);
}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_calendar.scss b/gnome-shell/src/gnome-shell-sass/widgets/_calendar.scss
index 597d531..10270b5 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_calendar.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_calendar.scss
@@ -1,11 +1,11 @@
/* Date/Time Menu */
.clock-display-box {
- spacing: $base_spacing / 2;
+ spacing: 2px;
.clock {
- padding-left: $base_padding;
- padding-right: $base_padding;
+ padding-left: $base_padding * 2;
+ padding-right: $base_padding * 2;
}
}
@@ -94,14 +94,13 @@
height: $calendar_day_size;
padding: 0;
margin: 2px;
- border-radius: 2px; //$calendar_day_size * 0.5 + 2px;
+ border-radius: $base_border_radius;
border: 1px solid transparent; //avoid jumparound due to today
font-feature-settings: "tnum";
&:hover, &:focus { background-color: $hover_bg_color; }
&:active,&:selected {
color: lighten($fg_color,10%);
background-color: darken($bg_color,5%);
- box-shadow: inset 0 1px transparentize(white, 0.9);
}
// day of week heading
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_check-box.scss b/gnome-shell/src/gnome-shell-sass/widgets/_check-box.scss
index 6e54b1b..072d940 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_check-box.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_check-box.scss
@@ -4,6 +4,7 @@
$check_height: 22px;
$check_width: 24px;
+
.check-box {
StBoxLayout { spacing: .8em; }
StBin {
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_dash.scss b/gnome-shell/src/gnome-shell-sass/widgets/_dash.scss
index a21e37b..04d1f59 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_dash.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_dash.scss
@@ -1,25 +1,21 @@
/* Dash */
-$dash_placeholder_size: 24px;
-$dash_spacing: $base_padding + 2px;
-$dash_border_radius: $modal_radius;
+$dash_background_color: #3b3b3b;
+$dash_placeholder_size: 32px;
+$dash_padding: $base_padding; //+ 4px; // 10px
+$dash_spacing: $base_padding; // / 4;
+
+$dash_bottom_margin: 0; //$base_margin * 4;
+
+$dash_border_radius: $modal_radius $modal_radius 0 0;
#dash {
- //@extend %overview_panel;
- background-color: transparent;
- border: none;
@include fontsize($base_font_size - 2);
- padding: ($dash_spacing / 2) 0;
-
- border-radius: 0 $dash_border_radius $dash_border_radius 0;
- //border-left-width: 0;
- &:rtl {
- border-radius: $dash_border_radius 0 0 $dash_border_radius;
- border-right-width: 0;
- }
+ margin-top: $base_spacing * 3;
+ padding: 0 $dash_padding;
.placeholder {
- // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
+ // background-image: url("dash-placeholder.svg");
background-image:none;
background-size: contain;
height: $dash_placeholder_size;
@@ -29,23 +25,38 @@ $dash_border_radius: $modal_radius;
width: $dash_placeholder_size;
height: $dash_placeholder_size;
}
+
+ .overview-icon {
+ padding: $dash_padding / 2;
+ }
+}
+
+.dash-background {
+ background-color: transparent; //$dash_background_color;
+ margin-bottom: $dash_bottom_margin;
+ padding: $dash_padding;
+ border-radius: $dash_border_radius;
}
// Dash Items
-.dash-item-container > StWidget {
- padding: ($dash_spacing / 2) $dash_spacing;
+.dash-item-container .app-well-app, .show-apps {
+ padding: $dash_padding $dash_spacing $dash_padding + $dash_bottom_margin;
+}
+
+.dash-separator {
+ width: 1px;
+ margin: 0 ($dash_spacing + ($dash_padding / 2)) $dash_bottom_margin;
+ background-color: transparentize($osd_fg_color,0.7);
}
// OSD Tooltip
.dash-label {
- background-color: transparentize($osd_bg_color,0.05);
- border-radius: $base_border_radius;
- border:none;
- box-shadow:0 0 0 1px $osd_outer_borders_color;
color: $osd_fg_color;
- padding: $base_padding $base_padding + 2px;
+ background-color: $osd_bg_color;
+ border-radius: $base_border_radius;
+ padding: $base_padding $base_padding * 2;
text-align: center;
- -x-offset: $base_margin * 2; // distance from the dash edge
+ -y-offset: $base_margin * 3; // distance from the dash edge
}
// Show apps button
@@ -55,9 +66,8 @@ $dash_border_radius: $modal_radius;
&:focus,
&:checked {
.overview-icon {
- background-color: darken($osd_bg_color,10%);
+ background-color: transparentize($osd_bg_color,0.5);
color: $fg_color;
}
}
}
-
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_dialogs.scss b/gnome-shell/src/gnome-shell-sass/widgets/_dialogs.scss
index 0f568b7..1c3a07b 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_dialogs.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_dialogs.scss
@@ -162,3 +162,12 @@
.audio-selection-device-icon {
icon-size: $base_icon_size * 4;
}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+ background-image: url("gnome-shell-start.svg");
+ background-size: contain;
+ /* Reasonable maximum dimensions */
+ height: 300px;
+ width: 300px;
+}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_entries.scss b/gnome-shell/src/gnome-shell-sass/widgets/_entries.scss
index 792175c..0a43e86 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_entries.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_entries.scss
@@ -6,7 +6,7 @@ StEntry {
border-width: 1px;
color: $fg_color;
@include entry(normal);
- &:hover { @include entry(hover);}
+ //&:hover { @include entry(hover);}
&:focus { @include entry(focus);}
&:insensitive { @include entry(insensitive);}
selection-background-color: $selected_bg_color;
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_login-dialog.scss b/gnome-shell/src/gnome-shell-sass/widgets/_login-dialog.scss
index 06fdcf2..f647de1 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_login-dialog.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_login-dialog.scss
@@ -5,18 +5,19 @@
max-width: 23em;
}
-.login-dialog {
+.login-dialog,
+.unlock-dialog {
//reset
border: none;
background-color: transparent;
- $_gdm_bg: lighten(#2e3436, 19%);
+ $_gdm_bg: $system_bg_color;
StEntry {
@if $variant=='dark' {
- $_gdm_entry_bg: transparentize(lighten(desaturate(#241f31, 20%), 2%), 0.5);
+ $_gdm_entry_bg: darken($system_bg_color, 3%);
background-color: $_gdm_entry_bg;
- color: $osd_fg_color;
+ color: $fg_color;
}
}
@@ -24,9 +25,9 @@
.modal-dialog-button {
padding: 4px 18px;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
- background-color: $_gdm_bg;
- border-color: $_gdm_bg;
- color: $fg_color;
+ background-color: darken($system_bg_color, 3%);
+ border-color: darken($system_bg_color, 3%);
+ color: $osd_fg_color;
$_hover_c: lighten($_gdm_bg, 5%);
&:hover, &:focus {
@@ -43,7 +44,7 @@
@include button(insensitive);
border-color: darken($_gdm_bg, 5%);
background-color: darken($_gdm_bg, 5%);
- color: transparentize($fg_color, 0.3);
+ color: transparentize($osd_fg_color, 0.3);
}
&:default {
@include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color);
@@ -76,8 +77,8 @@
border-radius: 99px;
width: $base_icon_size * 2;
height: $base_icon_size * 2;
- border-color: transparentize($bg_color,0.7);
- background-color: transparentize($bg_color,0.7);
+ border-color: darken($system_bg_color, 3%);
+ background-color: darken($system_bg_color, 3%);
StIcon { icon-size: $base_icon_size; }
}
@@ -92,7 +93,6 @@
.login-dialog-banner { color: darken($osd_fg_color,10%); }
.login-dialog-button-box { width: 23em; spacing: 5px; }
.login-dialog-message { text-align: center; }
-.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; }
.login-dialog-user-selection-box { padding: 100px 0px; }
.login-dialog-not-listed-label {
padding-left: 2px;
@@ -151,6 +151,11 @@
padding-top: 16px;
}
+.login-dialog-timed-login-indicator {
+ height: 2px;
+ background-color: darken($fg_color,40%);
+}
+
.login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_looking-glass.scss b/gnome-shell/src/gnome-shell-sass/widgets/_looking-glass.scss
index 4f627e2..006c2ef 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_looking-glass.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_looking-glass.scss
@@ -106,4 +106,4 @@ $text_fg_color: #ccc;
border: 1px solid $osd_borders_color;
border-radius: $base_border_radius;
padding: 6px;
-}
+}
\ No newline at end of file
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_message-list.scss b/gnome-shell/src/gnome-shell-sass/widgets/_message-list.scss
index 45edb26..02d122b 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_message-list.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_message-list.scss
@@ -99,7 +99,7 @@
/* Media Controls */
.message-media-control {
- padding: $base_padding * 2 $base_padding * 4;
+ padding: $base_padding * 2 1.64em; // $base_padding * 4 = 24px
color: darken($fg_color, 15%);
// uses $hover_bg_color since the media controls are in a notification_bubble
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_misc.scss b/gnome-shell/src/gnome-shell-sass/widgets/_misc.scss
index 96dd4d1..0fe174a 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_misc.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_misc.scss
@@ -9,7 +9,7 @@
background-size: contain;
color: $osd_fg_color;
border-radius: 99px;
- border: 2px $osd_fg_color;
+ icon-size: $base_icon_size * 4; // 64px
&:hover {
color: lighten($osd_fg_color,30%);
}
@@ -17,6 +17,12 @@
& StIcon {
background-color: transparentize($osd_fg_color,0.95);
border-radius: 99px;
+ padding: $base_padding * 2 ; // 12px
+ width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px;
+ }
+
+ &.user-avatar {
+ border: 2px $osd_fg_color;
}
}
@@ -31,15 +37,6 @@
}
}
-.user-widget.horizontal .user-icon {
- icon-size: $base_icon_size * 4; // 64px
-
- & StIcon {
- padding: $base_padding * 2 ; // 12px
- width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px;
- }
-}
-
.lightbox { background-color: black; }
.flashspot { background-color: white; }
@@ -54,3 +51,9 @@
@include fontsize($base_font_size - 1);
color: $warning_color;
}
+
+/* Workspace animation */
+
+.workspace-animation {
+ background-color: $system_bg_color;
+}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_overview.scss b/gnome-shell/src/gnome-shell-sass/widgets/_overview.scss
index 18497de..c593ceb 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_overview.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_overview.scss
@@ -1,10 +1,13 @@
/* OVERVIEW */
-#overview {
- spacing: 24px;
- background-color: transparent;
+.controls-manager, .secondary-monitor-workspaces {
+ spacing: $base_spacing * 2;
+}
+
+#overviewGroup {
+ background-color: $system_bg_color;
}
.overview-controls {
padding-bottom: 32px;
-}
\ No newline at end of file
+}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_panel.scss b/gnome-shell/src/gnome-shell-sass/widgets/_panel.scss
index cd022ef..f74ec4f 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_panel.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_panel.scss
@@ -5,41 +5,34 @@ $panel_corner_radius: 0;
$panel_bg_color: transparentize(black, 0.1);
$panel_fg_color: $fg_color;
$panel_height: 1.86em;
-
+$panel_transition_duration: 250ms; // same as the overview transition duration
#panel {
background-color: $panel_bg_color;
font-weight: bold;
height: $panel_height;
font-feature-settings: "tnum";
+ transition-duration: $panel_transition_duration;
// transparent panel on lock & login screens
&.unlock-screen,
- &.login-screen {
+ &.login-screen,
+ &:overview {
background-color: transparent;
.panel-corner {
- -panel-corner-radius: 0;
- -panel-corner-background-color: transparent;
- -panel-corner-border-color: transparent;
+ -panel-corner-opacity: 0;
}
}
- // spacing between activities, app menu and such
- #panelLeft, #panelCenter {
- spacing: $base_spacing;
- }
-
// the rounded outset corners
.panel-corner {
-panel-corner-radius: $panel_corner_radius;
-panel-corner-background-color: $panel_bg_color;
-panel-corner-border-width: 0px;
-panel-corner-border-color: transparent;
-
- &:active, &:overview, &:focus {
- -panel-corner-border-color: lighten($selected_bg_color,5%);
- }
+ -panel-corner-opacity: 1;
+ transition-duration: $panel_transition_duration;
}
// panel menus
@@ -48,55 +41,73 @@ $panel_height: 1.86em;
color: $panel_fg_color;
-natural-hpadding: $base_padding * 2;
-minimum-hpadding: $base_padding;
+ transition-duration: 150ms;
+ border: 0px solid transparent;
+ border-radius: 0;
- &:hover {
+ &.clock-display {
+ .clock {
+ transition-duration: 150ms;
+ border: 0px solid transparent;
+ border-radius: 0;
+ }
+ }
+
+ &:hover, &:active, &:overview, &:focus, &:checked {
color: lighten($panel_fg_color, 20%);
background-color: rgba(0, 0, 0, 0.01);
box-shadow: inset 0 -2px 0px transparentize(white, 0.4);
- }
- &:active, &:overview, &:focus, &:checked {
- color: lighten($panel_fg_color, 20%);
+ // The clock display needs to have the background on .clock because
+ // we want to exclude the do-not-disturb indicator from the background
+ &.clock-display {
+ box-shadow: none;
+
+ .clock {
+ color: lighten($panel_fg_color, 20%);
+ background-color: rgba(0, 0, 0, 0.01);
+ box-shadow: inset 0 -2px 0px transparentize(white, 0.4);
+ }
+ }
}
// status area icons
.system-status-icon {
icon-size: $base_icon_size;
padding: $base_padding - 1px;
+ margin: 0 $base_margin;
+ }
+
+ .panel-status-indicators-box .system-status-icon,
+ .panel-status-menu-box .system-status-icon {
+ margin: 0;
}
// app menu icon
.app-menu-icon {
- margin-left: $base_margin;
- margin-right: $base_margin;
-st-icon-style: symbolic;
// dimensions of the icon are hardcoded
}
- // lock & login screen styles
- .unlock-screen &,
- .login-screen & {
- color: lighten($fg_color, 10%);
- &:focus, &:hover, &:active { color: lighten($fg_color, 10%); }
- }
- }
-
- .panel-button {
- &:active, &:overview, &:focus, &:checked {
- // Trick due to St limitations. It needs a background to draw a box-shadow
- background-color: rgba(0, 0, 0, 0.01);
- box-shadow: inset 0 -2px 0px $selected_bg_color;
+ &#panelActivities {
+ -natural-hpadding: $base_padding * 3;
}
}
- .panel-button.clock-display {
- // Move highlight from .panel-button to .clock
- &:active, &:overview, &:focus, &:checked {
- box-shadow: none;
-
- .clock {
- background-color: rgba(0, 0, 0, 0.01);
- box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
+ &.unlock-screen,
+ &.login-screen,
+ &:overview {
+ .panel-button {
+ &:hover, &:active, &:overview, &:focus, &:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15);
+
+ &.clock-display {
+ box-shadow: none;
+
+ .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15);
+ }
+ }
}
}
}
@@ -121,3 +132,8 @@ $panel_height: 1.86em;
spacing: $base_spacing;
.label-shadow { color: transparent; }
}
+
+#appMenu .panel-status-menu-box {
+ padding: 0 $base_padding;
+ spacing: $base_spacing;
+}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_screen-shield.scss b/gnome-shell/src/gnome-shell-sass/widgets/_screen-shield.scss
index 00c549a..e289fdb 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_screen-shield.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_screen-shield.scss
@@ -66,7 +66,7 @@
}
#lockDialogGroup {
- background-color: lighten(#2e3436, 8%);
+ background-color: $system_bg_color;
}
#unlockDialogNotifications {
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_search-entry.scss b/gnome-shell/src/gnome-shell-sass/widgets/_search-entry.scss
index 505760b..b904e9e 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_search-entry.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_search-entry.scss
@@ -9,13 +9,15 @@ $search_entry_height: 36px;
padding: $base_padding+1 $base_padding+3;
border-radius: $base_border_radius; //$search_entry_height * 0.5; // half the height
color: transparentize($fg_color,0.3);
+ margin-top: $base_spacing * 2;
+ margin-bottom: $base_spacing;
background-color: transparentize(white, 0.86); //$base_color;
border-color: transparent; //$borders_color;
box-shadow: inset 0 0 0 1px transparentize(white, 0.8);
&:hover {
- background-color: transparentize(white, 0.75); //$hover_bg_color;
- border-color: transparent; //$hover_borders_color;
+ background-color: transparentize(white, 0.75);
+ border-color: transparent;
color: $hover_fg_color;
}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_slider.scss b/gnome-shell/src/gnome-shell-sass/widgets/_slider.scss
index 5f7309f..f21d62e 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_slider.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_slider.scss
@@ -24,4 +24,4 @@ $slider_size: 15px;
color: if($variant == 'light', lighten($bg_color, 10%), $fg_color);
&:hover { color: $hover_bg_color; }
&:active { color: $active_bg_color; }
-}
+}
\ No newline at end of file
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_switches.scss b/gnome-shell/src/gnome-shell-sass/widgets/_switches.scss
index da0d74c..c26ac76 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_switches.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_switches.scss
@@ -10,7 +10,7 @@ $switch_width: 46px;
width: $switch_width;
background-size: contain;
background-image: if($variant == 'light', url("toggle-off.svg"),url("toggle-off-dark.svg"));
- &:checked {
+ &:checked {
background-image: if($variant == 'light', url("toggle-on.svg"),url("toggle-on-dark.svg"));
}
}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_window-picker.scss b/gnome-shell/src/gnome-shell-sass/widgets/_window-picker.scss
index 6d4b285..26c9086 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_window-picker.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_window-picker.scss
@@ -3,62 +3,51 @@
$window_picker_spacing: $base_spacing; // 6px
$window_picker_padding: $base_padding * 2; // 12px
-$window_thumbnail_border_color:transparentize($selected_fg_color, 0.65);
+$window_thumbnail_label_color: transparentize($osd_bg_color, 0.4);
$window_close_button_size: 24px;
$window_close_button_padding: 3px;
-$window_clone_border_size: 6px;
-
// Window picker
.window-picker {
// Space between window thumbnails
spacing: $window_picker_spacing;
- // Padding for container around window thumbnails
- padding: $window_picker_padding;
-
- &.external-monitor { padding: $window_picker_padding; }
-}
-
-// Borders on window thumbnails
-.window-clone-border {
- border-width: $window_clone_border_size;
- border-style: solid;
- border-color: $window_thumbnail_border_color;
- border-radius: $base_border_radius + 2;
- // For window decorations with round corners we can't match
- // the exact shape when the window is scaled. So apply a shadow
- // to fix that case
- box-shadow: inset 0 0 0 1px transparentize($borders_color, 0.8);
}
// Window titles
.window-caption {
color: $osd_fg_color;
background-color: $osd_bg_color;
- border:1px solid $osd_outer_borders_color;
- border-radius: $base_border_radius + 1;
+ border-radius: $base_border_radius;
padding: $base_padding $base_padding * 2;
- font-weight: bold;
- @include fontsize($base_font_size + 1);
}
// Close button
.window-close {
- background-color: darken($error_color, 8%); //$selected_bg_color;
- color: $selected_fg_color;
- border: none;
+ background-color: darken($error_color, 8%); //$osd_bg_color;
+ color: $osd_fg_color;
border-radius: $base_border_radius; //$window_close_button_size * 0.5 + $window_close_button_padding * 2;
padding: $window_close_button_padding;
height: $window_close_button_size;
width: $window_close_button_size;
box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5);
+ transition-duration: 150ms;
+
+ & StIcon { icon-size: 24px; }
&:hover {
- background-color: $error_color; //lighten($selected_bg_color, 5%);
+ background-color: $error_color; //lighten($osd_bg_color, 15%);
}
&:active {
- background-color: darken($error_color, 10%); //darken($selected_bg_color, 5%);
+ color: transparentize($osd_fg_color, 0.2);
+ background-color: darken($error_color, 10%); //darken($osd_bg_color, 5%);
}
}
+
+.workspace-background {
+ // keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js
+ border-radius: 30px;
+ background-color: $osd_bg_color;
+ box-shadow: 0 4px 16px 4px transparentize(darken($osd_bg_color, 30%), 0.7);
+}
diff --git a/gnome-shell/src/gnome-shell-sass/widgets/_workspace-thumbnails.scss b/gnome-shell/src/gnome-shell-sass/widgets/_workspace-thumbnails.scss
index a05173a..01c4739 100644
--- a/gnome-shell/src/gnome-shell-sass/widgets/_workspace-thumbnails.scss
+++ b/gnome-shell/src/gnome-shell-sass/widgets/_workspace-thumbnails.scss
@@ -2,24 +2,20 @@
// thumbnails in overview
.workspace-thumbnails {
- @extend %overview_panel;
visible-width: 32px; //amount visible before hover
spacing: $base_spacing;
padding: $base_padding;
- border-radius: $modal_radius 0 0 $modal_radius;
- border-right-width: 0;
-
- &:rtl {
- border-radius: 0 $modal_radius $modal_radius 0;
- border-left-width: 0;
+ .workspace-thumbnail {
+ @extend %overview_panel;
+ border-radius: 3px;
}
// drag and drop indicator
.placeholder {
- background-image: url("dash-placeholder.svg");
+ background-image: url("workspace-placeholder.svg");
background-size: contain;
- height: 24px;
+ width: 18px;
}
}
diff --git a/gnome-shell/src/gnome-shell-start.svg b/gnome-shell/src/gnome-shell-start.svg
new file mode 100644
index 0000000..af139cf
--- /dev/null
+++ b/gnome-shell/src/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+ id="svg8"
+ version="1.1"
+ viewBox="0 0 600 400"
+ height="400"
+ width="600"
+ sodipodi:docname="gnome-shell-start.svg">
+ <defs
+ id="defs2">
+ <linearGradient
+ id="a">
+ <stop
+ offset="0"
+ stop-color="#eef4fc"
+ id="stop3"
+ style="stop-color:#b2cdf1;stop-opacity:1" />
+ <stop
+ offset="1"
+ stop-color="#fff"
+ id="stop5" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient10562"
+ id="linearGradient10564"
+ x1="-1179.9999"
+ y1="1314.5198"
+ x2="-940.00006"
+ y2="1314.5198"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.3993149,0,0,1.3993149,1306.25,-919.42736)" />
+ <linearGradient
+ inkscape:collect="always"
+ id="linearGradient10562">
+ <stop
+ style="stop-color:#3580e4;stop-opacity:1"
+ offset="0"
+ id="stop10558" />
+ <stop
+ style="stop-color:#8abfdd;stop-opacity:1"
+ offset="1"
+ id="stop10560" />
+ </linearGradient>
+ <clipPath
+ id="e-3"
+ clipPathUnits="userSpaceOnUse">
+ <path
+ d="m 65,177 c -18.502,0 -33.5,14.998 -33.5,33.5 0.008,7.371 4.131,15.807 11.388,23.526 l 12.617,13.171 H 75.02 l 12.137,-13.245 c 6.636,-7.059 11.33,-16.117 11.344,-23.452 0,-18.502 -14.998,-33.5 -33.5,-33.5 z"
+ style="marker:none"
+ fill="#ffffff"
+ stroke-width="2"
+ id="path34-6" />
+ </clipPath>
+ <radialGradient
+ r="33.5"
+ fy="48.405998"
+ fx="79.091003"
+ cy="48.405998"
+ cx="79.091003"
+ gradientTransform="matrix(0.00476,1.62228,-1.43419,0.00422,141.702,-82.047)"
+ gradientUnits="userSpaceOnUse"
+ id="f-7"
+ xlink:href="#b" />
+ <linearGradient
+ id="b">
+ <stop
+ offset="0"
+ stop-color="#fff"
+ id="stop11" />
+ <stop
+ offset=".519"
+ stop-color="#fff"
+ id="stop13" />
+ <stop
+ offset=".734"
+ stop-color="#cfcfcf"
+ id="stop15" />
+ <stop
+ offset="1"
+ stop-color="#dcdcdc"
+ id="stop17" />
+ </linearGradient>
+ <radialGradient
+ r="12"
+ fy="54.102001"
+ fx="71.473999"
+ cy="54.102001"
+ cx="71.473999"
+ gradientTransform="matrix(4.50607,0,0,4.76661,-259.306,-59.706)"
+ gradientUnits="userSpaceOnUse"
+ id="g-2"
+ xlink:href="#c" />
+ <linearGradient
+ id="c">
+ <stop
+ offset="0"
+ stop-color="#ed686f"
+ id="stop20" />
+ <stop
+ offset=".865"
+ stop-color="#a51d2d"
+ id="stop22" />
+ <stop
+ offset="1"
+ stop-color="#e01b24"
+ id="stop24" />
+ </linearGradient>
+ <radialGradient
+ r="14.583"
+ fy="49.777"
+ fx="40.152"
+ cy="49.777"
+ cx="40.152"
+ gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
+ gradientUnits="userSpaceOnUse"
+ id="h-7"
+ xlink:href="#d" />
+ <linearGradient
+ id="d">
+ <stop
+ offset="0"
+ stop-color="#ed686f"
+ id="stop27" />
+ <stop
+ offset=".911"
+ stop-color="#a51d2d"
+ id="stop29" />
+ <stop
+ offset="1"
+ stop-color="#e01b24"
+ id="stop31" />
+ </linearGradient>
+ <radialGradient
+ r="14.583"
+ fy="49.777"
+ fx="40.152"
+ cy="49.777"
+ cx="40.152"
+ gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
+ gradientUnits="userSpaceOnUse"
+ id="i-6"
+ xlink:href="#d" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient860"
+ id="linearGradient22"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(-1.575111,0,0,1.575111,1217.8748,47.173672)"
+ x1="85"
+ y1="107.162"
+ x2="85"
+ y2="86" />
+ <linearGradient
+ id="linearGradient860">
+ <stop
+ offset="0"
+ stop-color="#eef4fc"
+ id="stop856"
+ style="stop-color:#c5dcf7;stop-opacity:1" />
+ <stop
+ offset="1"
+ stop-color="#fff"
+ id="stop858" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient860"
+ id="linearGradient24"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(-2.1158457,0,0,2.1158457,1459.4994,-118.92278)"
+ x1="85"
+ y1="110.30392"
+ x2="85"
+ y2="86.986084" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient860"
+ id="linearGradient23"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.5463767,0,0,1.5463767,655.03375,-16.075361)"
+ x1="85"
+ y1="107.162"
+ x2="85"
+ y2="82.13472" />
+ </defs>
+ <sodipodi:namedview
+ units="px"
+ borderlayer="true"
+ inkscape:showpageshadow="false"
+ showgrid="false"
+ inkscape:document-rotation="0"
+ inkscape:current-layer="layer1"
+ inkscape:document-units="px"
+ inkscape:cy="75.603256"
+ inkscape:cx="199.00314"
+ inkscape:zoom="0.98994949"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0"
+ borderopacity="1"
+ bordercolor="#383838"
+ pagecolor="#1f1f1f"
+ id="base"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1011"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:object-paths="true"
+ inkscape:snap-intersection-paths="true"
+ inkscape:snap-smooth-nodes="true"
+ inkscape:snap-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid900" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ <cc:license
+ rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+ </cc:Work>
+ <cc:License
+ rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Reproduction" />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Distribution" />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#Notice" />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#Attribution" />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+ </cc:License>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1"
+ transform="translate(-620,9.4371882)">
+ <g
+ id="g4043"
+ transform="translate(-15.793175)">
+ <circle
+ style="fill:url(#linearGradient10564);fill-opacity:1;stroke:none;stroke-width:3.66905;stroke-linecap:round;stroke-linejoin:round"
+ id="path10517"
+ cx="-177.02397"
+ cy="920"
+ r="167.91774"
+ transform="rotate(-90)" />
+ <path
+ d="m 1066.6646,147.98131 c 12.3048,0.0174 23.474,7.19166 28.6008,18.37784 a 23.631877,23.631877 0 0 1 10.7762,-2.62748 c 12.4288,0.0178 22.7209,9.65384 23.5474,22.05492 h 0.08 c 8.6991,0 15.7508,7.05171 15.7508,15.75083 0,8.69911 -7.0522,15.75083 -15.7513,15.75083 h -88.2056 a 18.901933,18.901933 0 0 1 -18.9019,-18.901 18.901933,18.901933 0 0 1 12.6566,-17.81853 33.12417,33.12417 0 0 1 -0.056,-1.08246 c 0,-17.39824 14.1038,-31.50213 31.5025,-31.50213 z"
+ id="path10"
+ style="fill:url(#linearGradient22);stroke-width:0.577558" />
+ <g
+ id="g245"
+ transform="matrix(1.5161629,0,0,1.5161629,396.40481,-143.42807)">
+ <g
+ id="g126"
+ transform="matrix(0.75000161,0,0,0.75000161,154.45946,111.99828)">
+ <g
+ id="g265">
+ <g
+ transform="matrix(3.12129,0,0,2.9344,91.063695,-499.94397)"
+ clip-path="url(#e-3)"
+ id="g47-0">
+ <path
+ transform="translate(-8,156)"
+ d="M 73,21 C 54.498,21 39.5,35.998 39.5,54.5 39.508,61.871 43,68.922 46.44,74.879 L 58,98 H 88 L 99.605,74.79 C 103,68.91 106.485,61.835 106.5,54.5 106.5,35.998 91.502,21 73,21 Z"
+ style="fill:url(#f-7);marker:none"
+ fill="url(#f)"
+ id="path39-6" />
+ <path
+ d="m 64,177 c 0,0 -18.332,12.132 -18.332,30.989 0,14.571 16.174,46.011 16.174,46.011 H 67 c 0,0 1.333,-31.44 1.333,-46.011 C 68.333,189.132 64,177 64,177 Z"
+ fill="url(#g)"
+ id="path41-2"
+ style="fill:url(#g-2)" />
+ <path
+ transform="translate(-8,156)"
+ d="m 71.983,21.106 c -8.207,0.147 -16.328,3.285 -22.5,8.695 -6.174,5.409 -10.35,13.047 -11.574,21.163 -1.24,8.225 0.567,16.874 4.995,23.915 L 61.902,98 h 6.432 L 55.002,81.27 C 50.702,75.875 46.53,70.2 44.406,63.636 42.283,57.072 42.24,49.836 44.409,43.288 A 32.824,32.824 0 0 1 54.925,28.13 32.824,32.824 0 0 1 71.983,21.105 Z"
+ fill="url(#h)"
+ id="path43-6"
+ style="fill:url(#h-7)" />
+ <path
+ transform="matrix(-1,0,0,1,137.16,155.823)"
+ d="M 73.003,21.303 C 65.294,19.756 57.033,21.149 50.257,25.138 43.481,29.127 38.255,35.675 35.867,43.167 A 32.484,32.484 0 0 0 35.11,59.972 32.484,32.484 0 0 0 42.904,74.879 L 54.11,98 H 67.493 L 54.16,74.356 C 51.292,69.269 48.603,63.95 47.733,58.175 46.863,52.4 47.769,46.404 50.107,41.052 54.28,31.502 62.943,24.03 73.002,21.304 Z"
+ fill="url(#i)"
+ id="path45-1"
+ style="fill:url(#i-6)" />
+ </g>
+ <path
+ style="marker:none"
+ d="m 271.0607,256.22128 v 19.397 a 9.702,9.702 0 0 0 9.724,9.726 h 26.326 c 5.388,0 8.594,-4.457 9.725,-9.726 v -19.397 z"
+ fill="#e5a50a"
+ id="path49-8" />
+ <path
+ style="marker:none"
+ d="m 271.0607,252.06028 v 19.397 a 9.702,9.702 0 0 0 9.724,9.724 h 26.326 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
+ fill="#e5a50a"
+ id="path51-7" />
+ <path
+ style="marker:none"
+ d="m 300.1907,252.06028 v 29.121 h 6.92 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
+ fill="#f3af0b"
+ id="path53-9" />
+ </g>
+ </g>
+ </g>
+ <path
+ style="font-variation-settings:normal;fill:url(#linearGradient24);fill-opacity:1;stroke-width:0.822282"
+ d="m 1051.0577,24.011554 a 37.111799,37.111799 0 0 0 -36.9465,35.120895 c -13.3251,2.089947 -23.45686,13.564137 -23.45686,27.494149 0,15.421302 12.41476,27.836692 27.83666,27.836692 h 72.3273 c 11.9284,0 21.5316,-9.60251 21.5316,-21.530902 0,-11.928386 -9.6032,-21.532163 -21.5316,-21.532163 h -3.9868 a 37.111799,37.111799 0 0 0 1.4509,-10.27624 37.111799,37.111799 0 0 0 -37.1118,-37.111798 37.111799,37.111799 0 0 0 -0.1123,0 z"
+ id="path12" />
+ <path
+ d="m 803.48555,82.893284 c -12.0805,0.0171 -23.046,7.06046 -28.0791,18.042576 a 23.200767,23.200767 0 0 0 -10.5796,-2.579546 c -12.2021,0.0175 -22.3064,9.477716 -23.1179,21.652566 h -0.079 c -8.5404,0 -15.4634,6.92307 -15.4634,15.46349 0,8.54042 6.9235,15.46349 15.4639,15.46349 h 86.5965 a 18.55711,18.55711 0 0 0 18.5571,-18.55619 18.55711,18.55711 0 0 0 -12.4257,-17.49347 32.519894,32.519894 0 0 0 0.055,-1.06272 c 0,-17.080836 -13.8466,-30.927426 -30.9279,-30.927426 z"
+ id="path21"
+ style="fill:url(#linearGradient23);fill-opacity:1;stroke-width:0.999999" />
+ </g>
+ </g>
+</svg>
diff --git a/gnome-shell/src/gnome-shell.css b/gnome-shell/src/gnome-shell.css
index 81bcef6..ee6c942 100644
--- a/gnome-shell/src/gnome-shell.css
+++ b/gnome-shell/src/gnome-shell.css
@@ -6,11 +6,11 @@ stage { font-size: 11pt; color: #f6f6f7; }
/* Common Stylings */
.search-statustext { font-size: 2em; font-weight: bold; color: #eeeeec; }
-.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #eeeeec; background-color: rgba(32, 32, 32, 0.96); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 12px; padding: 12px; }
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { color: #eeeeec; background-color: rgba(32, 32, 32, 0.96); border-radius: 12px; padding: 12px; }
-.workspace-thumbnails { color: #eeeeec; background-color: rgba(32, 32, 32, 0.76); border: 1px solid rgba(255, 255, 255, 0.16); }
+.workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); }
-.show-apps .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .list-search-result, .search-provider-icon { border-radius: 4px; padding: 6px; border: 2px solid transparent; transition-duration: 75ms; text-align: center; }
+.app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon, .list-search-result, .search-provider-icon { border-radius: 8px; padding: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; }
.modal-dialog { color: #f6f6f7; background-color: #2b2e30; border: 1px solid #18191a; }
@@ -28,10 +28,10 @@ stage { font-size: 11pt; color: #f6f6f7; }
.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: #919294; border-color: #252728; background-color: #303335; box-shadow: none; text-shadow: none; icon-shadow: none; }
-.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #f6f6f7; background-color: #373b3d; border-color: #212425; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
-
.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #f6f6f7; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(74, 121, 199, 0.6); }
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #f6f6f7; background-color: #373b3d; border-color: #212425; box-shadow: none; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
+
.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #f6f6f7; background-color: #242628; border-color: #101212; text-shadow: none; icon-shadow: none; box-shadow: none; }
.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child { border-radius: 0 0 0 6px; }
@@ -47,10 +47,10 @@ stage { font-size: 11pt; color: #f6f6f7; }
.lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
-.icon-dropshadow { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
+.icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
/* Entries */
-StEntry { border-radius: 4px; padding: 8px; border-width: 1px; color: #f6f6f7; background-color: rgba(255, 255, 255, 0.14); border-color: #18191a; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); selection-background-color: #4a79c7; selected-color: #fff; }
+StEntry { border-radius: 4px; padding: 8px; border-width: 1px; color: #f6f6f7; background-color: #383b3d; border-color: #18191a; selection-background-color: #4a79c7; selected-color: #fff; }
StEntry:focus { border-color: #1c345c; box-shadow: inset 0 0 0 1px #4a79c7; }
@@ -157,9 +157,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { padding-right: 14px; margin-right: 1.09em; }
/* Date/Time Menu */
-.clock-display-box { spacing: 3px; }
+.clock-display-box { spacing: 2px; }
-.clock-display-box .clock { padding-left: 6px; padding-right: 6px; }
+.clock-display-box .clock { padding-left: 12px; padding-right: 12px; }
#calendarArea { padding: 0; }
@@ -171,7 +171,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
-.events-section-title { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(246, 246, 247, 0); text-shadow: none; icon-shadow: none; color: #919191; font-weight: bold; padding: .4em; }
+.events-section-title { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(246, 246, 247, 0); text-shadow: none; icon-shadow: none; color: #919191; font-weight: bold; padding: .4em; }
.events-section-title:focus { color: #f6f6f7; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(74, 121, 199, 0.6); }
@@ -180,7 +180,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.events-section-title:active { color: #f6f6f7; background-color: #242628; border-color: #101212; text-shadow: none; icon-shadow: none; box-shadow: none; }
/* today button (the date) */
-.datemenu-today-button { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(246, 246, 247, 0); text-shadow: none; icon-shadow: none; padding: 9px; }
+.datemenu-today-button { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(246, 246, 247, 0); text-shadow: none; icon-shadow: none; padding: 9px; }
.datemenu-today-button:focus { color: #f6f6f7; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(74, 121, 199, 0.6); }
@@ -193,7 +193,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.datemenu-today-button .date-label { font-size: 18pt; font-weight: 1000; }
/* Calendar */
-.calendar { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 6px; }
+.calendar { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 6px; }
.calendar:focus { color: #f6f6f7; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(74, 121, 199, 0.6); }
@@ -211,11 +211,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.calendar .pager-button:active { background-color: #151718; }
-.calendar .calendar-day-base { font-size: 8pt; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 2px; border: 1px solid transparent; font-feature-settings: "tnum"; }
+.calendar .calendar-day-base { font-size: 8pt; text-align: center; width: 32px; height: 32px; padding: 0; margin: 2px; border-radius: 4px; border: 1px solid transparent; font-feature-settings: "tnum"; }
.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { background-color: #373b3d; }
-.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: white; background-color: #1f2123; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: white; background-color: #1f2123; }
.calendar .calendar-day-base.calendar-day-heading { color: white; margin-top: 1em; font-size: 7pt; }
@@ -244,7 +244,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; height: 1.8em; width: 2.3em; border-radius: 2px; margin: 6px; background-color: #26292b; color: white; }
/* Events */
-.events-button { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
+.events-button { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
.events-button:focus { color: #f6f6f7; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(74, 121, 199, 0.6); }
@@ -261,7 +261,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.events-button .event-time { color: #c0c0c7; font-feature-settings: "tnum"; font-size: 10pt; }
/* World clocks */
-.world-clocks-button { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
+.world-clocks-button { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
.world-clocks-button:focus { color: #f6f6f7; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(74, 121, 199, 0.6); }
@@ -284,7 +284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.world-clocks-button .world-clocks-timezone { color: #c0c0c7; font-feature-settings: "tnum"; font-size: 10pt; }
/* Weather */
-.weather-button { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
+.weather-button { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); padding: 12px; }
.weather-button:focus { color: #f6f6f7; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(74, 121, 199, 0.6); }
@@ -319,7 +319,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.message-list-controls { margin: 8px 16px 0; padding: 4px; spacing: 12px; }
-.message { border-width: 0px; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
+.message { border-width: 0; border-style: solid; border-radius: 4px; margin: 4px; color: #f6f6f7; background-color: #323638; border-color: #212425; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.message:focus { color: #f6f6f7; text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 2px rgba(74, 121, 199, 0.6); }
@@ -358,7 +358,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.url-highlighter { link-color: #98b3df; }
/* Media Controls */
-.message-media-control { padding: 12px 24px; color: #ceced3; }
+.message-media-control { padding: 12px 1.64em; color: #ceced3; }
.message-media-control:hover { background-color: #43484b; color: #f6f6f7; }
@@ -509,6 +509,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.audio-selection-device-icon { icon-size: 4.36em; }
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
/* Network Dialogs */
.nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; }
@@ -593,37 +596,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.ws-switcher-active-up, .ws-switcher-active-down, .ws-switcher-active-left, .ws-switcher-active-right { height: 52px; background-color: #4a79c7; border: 1px solid #5d87cd; border-radius: 7px; color: #fff; }
/* Top Bar */
-#panel { background-color: rgba(0, 0, 0, 0.9); font-weight: bold; height: 1.86em; font-feature-settings: "tnum"; }
+#panel { background-color: rgba(0, 0, 0, 0.9); font-weight: bold; height: 1.86em; font-feature-settings: "tnum"; transition-duration: 250ms; }
-#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+#panel.unlock-screen, #panel.login-screen, #panel:overview { background-color: transparent; }
-#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; }
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner { -panel-corner-opacity: 0; }
-#panel #panelLeft, #panel #panelCenter { spacing: 6px; }
+#panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.9); -panel-corner-border-width: 0px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; transition-duration: 250ms; }
-#panel .panel-corner { -panel-corner-radius: 0; -panel-corner-background-color: rgba(0, 0, 0, 0.9); -panel-corner-border-width: 0px; -panel-corner-border-color: transparent; }
+#panel .panel-button { font-weight: bold; color: #f6f6f7; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 0px solid transparent; border-radius: 0; }
-#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: #5d87cd; }
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 0px solid transparent; border-radius: 0; }
-#panel .panel-button { font-weight: bold; color: #f6f6f7; -natural-hpadding: 12px; -minimum-hpadding: 6px; }
+#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: white; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.6); }
-#panel .panel-button:hover { color: white; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.6); }
+#panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; }
-#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: white; }
+#panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { color: white; background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.6); }
-#panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; }
+#panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; }
-#panel .panel-button .app-menu-icon { margin-left: 4px; margin-right: 4px; -st-icon-style: symbolic; }
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
-.unlock-screen #panel .panel-button, .login-screen #panel .panel-button { color: white; }
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
-.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active { color: white; }
+#panel #panelActivities.panel-button { -natural-hpadding: 18px; }
-#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0px #4a79c7; }
+#panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
-#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { box-shadow: none; }
+#panel.unlock-screen .panel-button.clock-display:hover, #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked { box-shadow: none; }
-#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { background-color: rgba(0, 0, 0, 0.01); box-shadow: inset 0 -2px 0 0 #5d87cd; }
+#panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
@@ -635,32 +638,36 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
#appMenu .label-shadow { color: transparent; }
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
/* Activities Ripple */
.ripple-box { background-color: rgba(230, 236, 247, 0.3); box-shadow: 0 0 2px 2px #98b3df; width: 52px; height: 52px; border-radius: 0 0 52px 0; }
.ripple-box:rtl { border-radius: 0 0 0 52px; }
/* OVERVIEW */
-#overview { spacing: 24px; background-color: transparent; }
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #282828; }
.overview-controls { padding-bottom: 32px; }
/* Window Picker */
-.window-picker { spacing: 6px; padding: 12px; }
-
-.window-picker.external-monitor { padding: 12px; }
+.window-picker { spacing: 6px; }
-.window-clone-border { border-width: 6px; border-style: solid; border-color: rgba(255, 255, 255, 0.35); border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(24, 25, 26, 0.2); }
+.window-caption { color: #eeeeec; background-color: rgba(32, 32, 32, 0.96); border-radius: 4px; padding: 6px 12px; }
-.window-caption { color: #eeeeec; background-color: rgba(32, 32, 32, 0.96); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 5px; padding: 6px 12px; font-weight: bold; font-size: 12pt; }
+.window-close { background-color: #ff5757; color: #eeeeec; border-radius: 4px; padding: 3px; height: 24px; width: 24px; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); transition-duration: 150ms; }
-.window-close { background-color: #ff5757; color: #fff; border: none; border-radius: 4px; padding: 3px; height: 24px; width: 24px; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
+.window-close StIcon { icon-size: 24px; }
.window-close:hover { background-color: #ff8080; }
-.window-close:active { background-color: #ff4d4d; }
+.window-close:active { color: rgba(238, 238, 236, 0.8); background-color: #ff4d4d; }
+
+.workspace-background { border-radius: 30px; background-color: rgba(32, 32, 32, 0.96); box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.26); }
-.search-entry { width: 320px; padding: 7px 9px; border-radius: 4px; color: rgba(246, 246, 247, 0.7); background-color: rgba(255, 255, 255, 0.14); border-color: transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+.search-entry { width: 320px; padding: 7px 9px; border-radius: 4px; color: rgba(246, 246, 247, 0.7); margin-top: 12px; margin-bottom: 6px; background-color: rgba(255, 255, 255, 0.14); border-color: transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.search-entry:hover { background-color: rgba(255, 255, 255, 0.25); border-color: transparent; color: white; }
@@ -695,8 +702,37 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.list-search-result .list-search-result-description { color: #a6a69b; }
+/* Dash */
+#dash { font-size: 9pt; margin-top: 18px; padding: 0 6px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .overview-icon { padding: 3px; }
+
+.dash-background { background-color: transparent; margin-bottom: 0; padding: 6px; border-radius: 8px 8px 0 0; }
+
+.dash-item-container .app-well-app, .show-apps { padding: 6px 6px 6px; }
+
+.dash-separator { width: 1px; margin: 0 9px 0; background-color: rgba(238, 238, 236, 0.3); }
+
+.dash-label { color: #eeeeec; background-color: rgba(32, 32, 32, 0.96); border-radius: 4px; padding: 6px 12px; text-align: center; -y-offset: 12px; }
+
+.show-apps .overview-icon { color: #eeeeec; }
+
+.show-apps:hover .overview-icon, .show-apps:selected .overview-icon { background-color: rgba(238, 238, 236, 0.1); }
+
+.show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.3); }
+
+.show-apps:drop .overview-icon { border: 2px solid #4a79c7; background-color: rgba(74, 121, 199, 0.2); }
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon { background-color: rgba(7, 7, 7, 0.46); }
+
+.show-apps:focus .overview-icon, .show-apps:checked .overview-icon { background-color: rgba(32, 32, 32, 0.46); color: #f6f6f7; }
+
/* App Grid */
-.icon-grid { row-spacing: 36px; column-spacing: 36px; max-row-spacing: 72px; max-column-spacing: 72px; }
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 72px; max-column-spacing: 72px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 12px; page-padding-right: 12px; }
/* App Icons */
.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #fff; }
@@ -705,7 +741,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(255, 255, 255, 0.3); }
-.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { background-color: rgba(74, 121, 199, 0.85); }
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid #4a79c7; background-color: rgba(74, 121, 199, 0.2); }
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(7, 7, 7, 0.46); }
@@ -714,9 +750,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
/* App Folders */
-.app-well-app.app-folder { background-color: rgba(32, 32, 32, 0.16); border-radius: 8px; }
+.app-well-app.app-folder { background-color: #3b3b3b; border-radius: 8px; }
-.app-folder-dialog { border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.16); padding: 12px; background-color: rgba(7, 7, 7, 0.91); }
+.app-folder-dialog { border-radius: 12px; background-color: #3b3b3b; padding: 12px 0px 12px 0px; }
.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
@@ -730,16 +766,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
-.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; }
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
.app-folder-dialog .page-indicators { margin-bottom: 18px; }
-.app-folder-dialog .page-indicators .page-indicator { padding: 15px 12px; }
-
.app-folder-dialog-container { padding: 12px; width: 620px; height: 620px; }
-.app-folder-icon { padding: 6px; spacing-rows: 6px; spacing-columns: 6px; }
-
.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; background-color: #eeeeec; margin-bottom: 1px; }
.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
@@ -748,45 +780,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.app-menu, .app-well-menu { max-width: 27.25em; }
-.page-indicator { padding: 15px 20px; }
+.page-indicator { padding: 6px 12px 0; }
.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; }
-.all-apps { padding: 0px 88px 10px 88px; }
+.apps-scroll-view { padding: 0; }
.system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; }
-/* Dash */
-#dash { background-color: transparent; border: none; font-size: 9pt; padding: 4px 0; border-radius: 0 8px 8px 0; }
-
-#dash:rtl { border-radius: 8px 0 0 8px; border-right-width: 0; }
-
-#dash .placeholder { background-image: none; background-size: contain; height: 24px; }
-
-#dash .empty-dash-drop-target { width: 24px; height: 24px; }
-
-.dash-item-container > StWidget { padding: 4px 8px; }
-
-.dash-label { background-color: rgba(32, 32, 32, 0.91); border-radius: 4px; border: none; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px 8px; text-align: center; -x-offset: 8px; }
+.page-navigation-hint { width: 300px; }
-.show-apps .overview-icon { color: #eeeeec; }
-
-.show-apps:hover .overview-icon, .show-apps:selected .overview-icon { background-color: rgba(238, 238, 236, 0.1); }
+.page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); }
-.show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.3); }
-
-.show-apps:drop .overview-icon { background-color: rgba(74, 121, 199, 0.85); }
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 15px 0px 0px 15px; }
-.show-apps:active .overview-icon, .show-apps:checked .overview-icon { background-color: rgba(7, 7, 7, 0.46); }
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 15px 15px 0px; }
-.show-apps:focus .overview-icon, .show-apps:checked .overview-icon { background-color: rgba(7, 7, 7, 0.96); color: #f6f6f7; }
+.page-navigation-arrow { margin: 6px; width: 24px; height: 24px; }
/* Workspace pager */
-.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-radius: 8px 0 0 8px; border-right-width: 0; }
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
-.workspace-thumbnails:rtl { border-radius: 0 8px 8px 0; border-left-width: 0; }
+.workspace-thumbnails .workspace-thumbnail { border-radius: 3px; }
-.workspace-thumbnails .placeholder { background-image: url("dash-placeholder.svg"); background-size: contain; height: 24px; }
+.workspace-thumbnails .placeholder { background-image: url("workspace-placeholder.svg"); background-size: contain; width: 18px; }
.workspace-thumbnail-indicator { border: 3px solid #4a79c7; border-radius: 3px; padding: 0px; }
@@ -800,20 +817,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.select-area-rubberband { background-color: rgba(74, 121, 199, 0.3); border: 1px solid #4a79c7; }
-.user-icon { background-size: contain; color: #eeeeec; border-radius: 99px; border: 2px #eeeeec; }
+.user-icon { background-size: contain; color: #eeeeec; border-radius: 99px; icon-size: 4.36em; }
.user-icon:hover { color: white; }
-.user-icon StIcon { background-color: rgba(238, 238, 236, 0.05); border-radius: 99px; }
+.user-icon StIcon { background-color: rgba(238, 238, 236, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; }
+
+.user-icon.user-avatar { border: 2px #eeeeec; }
.user-widget.vertical .user-icon { icon-size: 6.54em; }
.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; }
-.user-widget.horizontal .user-icon { icon-size: 4.36em; }
-
-.user-widget.horizontal .user-icon StIcon { padding: 12px; width: 2.725em; height: 2.725em; }
-
.lightbox { background-color: black; }
.flashspot { background-color: white; }
@@ -822,6 +837,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.caps-lock-warning-label { text-align: center; padding-bottom: 8px; font-size: 10pt; color: #f57900; }
+/* Workspace animation */
+.workspace-animation { background-color: #282828; }
+
/* Tiled window previews */
.tile-preview { background-color: rgba(74, 121, 199, 0.5); border: 1px solid #4a79c7; }
@@ -936,33 +954,33 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
/* Login Dialog */
.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
-.login-dialog { border: none; background-color: transparent; }
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; }
-.login-dialog StEntry { background-color: rgba(45, 44, 46, 0.5); color: #eeeeec; }
+.login-dialog StEntry, .unlock-dialog StEntry { background-color: #202020; color: #f6f6f7; }
-.login-dialog .modal-dialog-button-box { spacing: 3px; }
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
-.login-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #5b666a; border-color: #5b666a; color: #f6f6f7; }
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #202020; border-color: #202020; color: #eeeeec; }
-.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { background-color: #667478; border-color: #667478; }
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { background-color: #353535; border-color: #353535; }
-.login-dialog .modal-dialog-button:active { box-shadow: none; background-color: #4f595d; border-color: #4f595d; }
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #1b1b1b; border-color: #1b1b1b; }
-.login-dialog .modal-dialog-button:insensitive { color: #919294; border-color: #252728; background-color: #303335; box-shadow: none; text-shadow: none; icon-shadow: none; border-color: #4f595d; background-color: #4f595d; color: rgba(246, 246, 247, 0.7); }
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { color: #919294; border-color: #252728; background-color: #303335; box-shadow: none; text-shadow: none; icon-shadow: none; border-color: #1b1b1b; background-color: #1b1b1b; color: rgba(238, 238, 236, 0.7); }
-.login-dialog .modal-dialog-button:default { color: #fff; background-color: #5682cb; border-color: #3c6ec1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); border-color: #4a79c7; }
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { color: #fff; background-color: #5682cb; border-color: #3c6ec1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); border-color: #4a79c7; }
-.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: #fff; background-color: #5d87cd; border-color: #3c6ec1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); background-color: #5d87cd; border-color: #5d87cd; }
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { color: #fff; background-color: #5d87cd; border-color: #3c6ec1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); background-color: #5d87cd; border-color: #5d87cd; }
-.login-dialog .modal-dialog-button:default:active { color: #fff; background-color: #3e70c3; border-color: #335ea6; text-shadow: none; icon-shadow: none; box-shadow: none; background-color: #3a6cbd; border-color: #3a6cbd; }
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { color: #fff; background-color: #3e70c3; border-color: #335ea6; text-shadow: none; icon-shadow: none; box-shadow: none; background-color: #3a6cbd; border-color: #3a6cbd; }
-.login-dialog .modal-dialog-button:default:insensitive { color: #919294; border-color: #252728; background-color: #303335; box-shadow: none; text-shadow: none; icon-shadow: none; border-color: #3460aa; background-color: #3460aa; color: rgba(255, 255, 255, 0.7); }
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: #919294; border-color: #252728; background-color: #303335; box-shadow: none; text-shadow: none; icon-shadow: none; border-color: #3460aa; background-color: #3460aa; color: rgba(255, 255, 255, 0.7); }
-.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; border-color: rgba(43, 46, 48, 0.3); background-color: rgba(43, 46, 48, 0.3); }
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; border-color: #202020; background-color: #202020; }
-.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; }
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; }
-.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning { color: #eeeeec; }
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: #eeeeec; }
.login-dialog-logo-bin { padding: 24px 0px; }
@@ -972,8 +990,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.login-dialog-message { text-align: center; }
-.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; }
-
.login-dialog-user-selection-box { padding: 100px 0px; }
.login-dialog-not-listed-label { padding-left: 2px; }
@@ -1010,6 +1026,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; }
+.login-dialog-timed-login-indicator { height: 2px; background-color: #8a8a97; }
+
.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
.login-dialog-prompt-entry { height: 1.5em; }
@@ -1039,7 +1057,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
.screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); }
-#lockDialogGroup { background-color: #41494c; }
+#lockDialogGroup { background-color: #282828; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(43, 46, 48, 0.3); }
@@ -1047,7 +1065,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(74, 121, 199, 0.5); }
-/* 3rd party extensions */
#panel.dashtopanelMainPanel.dashtopanelTop .panel-button { text-shadow: black 0 1px 1px; }
#panel.dashtopanelMainPanel.dashtopanelTop .panel-button:hover { background-color: rgba(255, 255, 255, 0.15); }
diff --git a/gnome-shell/src/window-close-24-symbolic.svg b/gnome-shell/src/window-close-24-symbolic.svg
new file mode 100644
index 0000000..0cda831
--- /dev/null
+++ b/gnome-shell/src/window-close-24-symbolic.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ width="24"
+ height="24"
+ viewBox="0 0 6.3499999 6.3500002"
+ version="1.1"
+ id="svg59656">
+ <defs
+ id="defs59650" />
+ <metadata
+ id="metadata59653">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <path
+ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#241f31;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.471289;marker:none;enable-background:new"
+ id="path10839-9"
+ d="m 1.5875,1.5875 h 0.2645834 c 0.00274,-3.18e-5 0.0055,-1.217e-4 0.00827,0 0.067456,0.00296 0.1349031,0.03402 0.181901,0.082682 L 3.1758323,2.8029916 4.3160156,1.670182 C 4.3862956,1.609196 4.4341976,1.589352 4.4979166,1.5875 H 4.7625 v 0.264583 c 0,0.075795 -0.00909,0.1456928 -0.066146,0.1984375 L 3.5644391,3.175 4.688086,4.3077474 C 4.737877,4.3575344 4.762498,4.4277227 4.7625,4.4979167 V 4.7625 H 4.4979167 C 4.4277225,4.7624974 4.3575325,4.7378673 4.3077475,4.6880859 L 3.1758323,3.5554004 2.0422526,4.688086 C 1.9924676,4.737878 1.9222747,4.7625 1.8520834,4.7625 H 1.5875 V 4.4979168 c -8e-7,-0.070191 0.024622,-0.1403827 0.074414,-0.1901693 L 2.7954938,3.175 1.6619141,2.0505208 C 1.6061553,1.9990249 1.581703,1.9263651 1.5875,1.8520833 Z" />
+</svg>
diff --git a/gnome-shell/src/workspace-placeholder.svg b/gnome-shell/src/workspace-placeholder.svg
new file mode 100644
index 0000000..ff5dc92
--- /dev/null
+++ b/gnome-shell/src/workspace-placeholder.svg
@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="27"
+ height="76"
+ id="svg11252"
+ version="1.1"
+ sodipodi:docname="dash-placeholder-horizontal.svg"
+ inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
+ <metadata
+ id="metadata19">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview17"
+ showgrid="false"
+ inkscape:pagecheckerboard="true"
+ inkscape:zoom="12.473684"
+ inkscape:cx="38"
+ inkscape:cy="26.327004"
+ inkscape:current-layer="g99967"
+ inkscape:document-rotation="0" />
+ <defs
+ id="defs11254">
+ <radialGradient
+ xlink:href="#linearGradient39563-4-2"
+ id="radialGradient68155-2-3"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1,0,0,0.3486842,24.5,341.84211)"
+ cx="49"
+ cy="488"
+ fx="49"
+ fy="488"
+ r="38" />
+ <linearGradient
+ id="linearGradient39563-4-2">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop39565-1-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop39567-7-9" />
+ </linearGradient>
+ <radialGradient
+ xlink:href="#linearGradient39573-6-1"
+ id="radialGradient68157-0-8"
+ gradientUnits="userSpaceOnUse"
+ cx="50.5"
+ cy="487.5"
+ fx="50.5"
+ fy="487.5"
+ r="10.5"
+ gradientTransform="matrix(1.2857143,0,0,1.2857143,8.571428,-114.78571)" />
+ <linearGradient
+ id="linearGradient39573-6-1">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop39575-5-6" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop39577-1-2" />
+ </linearGradient>
+ </defs>
+ <g
+ id="layer1"
+ transform="rotate(90,465.93109,104.43109)">
+ <g
+ id="g99967"
+ style="display:inline"
+ transform="translate(326,44.862171)">
+ <rect
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.49375;fill:url(#radialGradient68155-2-3);fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
+ id="rect99969"
+ width="76"
+ height="2"
+ x="35.5"
+ y="511"
+ rx="0"
+ ry="0" />
+ <path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.43125;fill:url(#radialGradient68157-0-8);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.28571;marker:none;enable-background:accumulate"
+ id="path99971"
+ d="m 87,512.00001 c 0,7.45584 -6.044155,13.5 -13.5,13.5 -7.455844,0 -13.5,-6.04416 -13.5,-13.5 0,-7.45585 6.044156,-13.5 13.5,-13.5 7.455845,0 13.5,6.04415 13.5,13.5 z" />
+ <path
+ d="m 78.076923,512.00001 c 0,2.52776 -2.049159,4.57692 -4.576923,4.57692 -2.527766,0 -4.576923,-2.04916 -4.576923,-4.57692 0,-2.52777 2.049157,-4.57692 4.576923,-4.57692 2.527765,0 4.576923,2.04915 4.576923,4.57692 z"
+ id="path99973"
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.435897;marker:none;enable-background:accumulate" />
+ </g>
+ </g>
+</svg>
diff --git a/gtk/src/Zukitre-dark/gtk-4.0/install-dark-theme.sh b/gtk/src/Zukitre-dark/gtk-4.0/install-dark-theme.sh
new file mode 100644
index 0000000..f9e7786
--- /dev/null
+++ b/gtk/src/Zukitre-dark/gtk-4.0/install-dark-theme.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+set -eu
+
+theme_dir="${MESON_INSTALL_DESTDIR_PREFIX}/$1"
+project_name="$2"
+
+install -m755 -d "${theme_dir}"
+for ver in gtk-4.0; do
+ install -m755 -d "${theme_dir}/${ver}"
+ ln -sf "../../${project_name}/${ver}/gtk-dark.css" "${theme_dir}/${ver}/gtk.css"
+ ln -sf "../../${project_name}/${ver}/assets" "${theme_dir}/${ver}/assets"
+done
diff --git a/gtk/src/Zukitre-dark/gtk-4.0/meson.build b/gtk/src/Zukitre-dark/gtk-4.0/meson.build
new file mode 100644
index 0000000..e477bd3
--- /dev/null
+++ b/gtk/src/Zukitre-dark/gtk-4.0/meson.build
@@ -0,0 +1,2 @@
+# CSS and assets are just symlinks to the light themes as they are not modified
+meson.add_install_script('install-dark-theme.sh', theme_dir, meson.project_name()+'tre')
diff --git a/gtk/src/Zukitre-dark/meson.build b/gtk/src/Zukitre-dark/meson.build
index 8d48777..50be0dc 100644
--- a/gtk/src/Zukitre-dark/meson.build
+++ b/gtk/src/Zukitre-dark/meson.build
@@ -10,3 +10,4 @@ configure_file(input : '../index.theme.in',
subdir('gtk-2.0')
subdir('gtk-3.0')
+subdir('gtk-4.0')
diff --git a/gtk/src/Zukitre/gtk-3.0/_common.scss b/gtk/src/Zukitre/gtk-3.0/_common.scss
index 7b1c756..e36cc0a 100644
--- a/gtk/src/Zukitre/gtk-3.0/_common.scss
+++ b/gtk/src/Zukitre/gtk-3.0/_common.scss
@@ -6,9 +6,9 @@ $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$asset_suffix: if($variant=='dark', '-dark', '');
$backdrop_transition: none;
$button_transition: all 100ms $ease-out-quad;
-$button_radius: 1px;
+$button_radius: if($zukitwo=='false', 1px, 3px);
$menu_radius: 0;
-$window_radius: 3px;
+$window_radius: if($zukitwo=='false', 3px, 7px);
$popover_radius: $button_radius + 4;
// Optional compact sizes for buttons, headerbar and headerbar widgets
@@ -1468,7 +1468,7 @@ combobox {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: if($variant=='light', $dark_fill, darken($base_color, 4%));
- box-shadow: inset 0 2px transparentize($borders_color, 0.65);
+ box-shadow: if($zukitwo=='false', inset 0 2px transparentize($borders_color, 0.65), inset 0 1px transparentize($borders_color, 0.65));
}
toolbar {
@@ -2346,12 +2346,16 @@ notebook {
> header {
padding: 1px;
border-color: $borders_color;
- border-width: 0px;
+ border-width: if($zukitwo == 'false', 0, 1px);
background-color: if($variant=='light', $dark_fill, darken($base_color, 4%));
- &.top, &.bottom { // custom style
- box-shadow: inset 0 2px transparentize($borders_color, 0.65),
- inset 0 -1px if($variant == 'light', transparentize(black, 0.92), transparentize(black, 0.8));
- }
+ @if $zukitwo == 'false' {
+ box-shadow: inset 0 2px transparentize($borders_color, 0.65),
+ inset 0 -1px if($variant == 'light', transparentize(black, 0.92), transparentize(black, 0.8));
+ }
+ @else {
+ background-image: linear-gradient(to bottom, $dark_fill, lighten($dark_fill, 6%));
+ box-shadow: inset 0 1px transparentize($borders_color, 0.65);
+ }
tabs { margin: 0px; }
@@ -2500,9 +2504,7 @@ notebook {
&.reorderable-page {
border-color: transparentize($borders_color, 0.7);
- //background-color: darken($dark_fill, 10%);
&:not(:checked) {
- //background-image: linear-gradient(to top, darken($dark_fill, 5%), darken($dark_fill, 8%));
background-color: darken($dark_fill, 3%);
}
}
@@ -2638,11 +2640,33 @@ scrollbar {
&.left { border-right: 0px solid $borders_color; }
&.right { border-left: 0px solid $borders_color; }
+ @if $zukitwo == 'true' {
+ &.vertical {
+ background-image: if($variant=='light',
+ linear-gradient(to right,
+ darken($scrollbar_bg_color, 4%),
+ $scrollbar_bg_color),
+ linear-gradient(to right,
+ darken($base_color, 8%),
+ darken($base_color, 6%)));
+ }
+
+ &.horizontal {
+ background-image: if($variant=='light',
+ linear-gradient(to bottom,
+ darken($scrollbar_bg_color, 4%),
+ $scrollbar_bg_color),
+ linear-gradient(to bottom,
+ darken($base_color, 8%),
+ darken($base_color, 6%)));
+ }
+ }
+
// slider
slider {
min-width: 14px;
min-height: 14px;
- margin: 0; //-1px;
+ margin: if($zukitwo == 'false', 0px, -1px);
border: 0px solid transparent;
border-radius: 0;
background-clip: padding-box;
@@ -2653,11 +2677,31 @@ scrollbar {
&:hover:active { background-color: $scrollbar_slider_active_color; }
- //&:backdrop { background-color: $backdrop_scrollbar_slider_color; }
-
&:disabled { background-color: transparent; }
}
+ @if $zukitwo == 'true' {
+ &.vertical slider {
+ background-image: if($variant=='light', linear-gradient(to right, darken($scrollbar_slider_color, 2%), darken($scrollbar_slider_color, 8%)),
+ linear-gradient(to right, lighten($base_color, 10%), lighten($base_color, 12%)));
+
+ &:hover, &:hover:active {
+ background-image: if($variant=='light', linear-gradient(to right, darken($scrollbar_slider_color, 10%), darken($scrollbar_slider_color, 16%)),
+ linear-gradient(to right, lighten($base_color, 12%), lighten($base_color, 16%)));
+ }
+ }
+
+ &.horizontal slider {
+ background-image: if($variant=='light', linear-gradient(to bottom, darken($scrollbar_slider_color, 2%), darken($scrollbar_slider_color, 8%)),
+ linear-gradient(to bottom, lighten($base_color, 10%), lighten($base_color, 12%)));
+
+ &:hover, &:hover:active {
+ background-image: if($variant=='light', linear-gradient(to bottom, darken($scrollbar_slider_color, 10%), darken($scrollbar_slider_color, 16%)),
+ linear-gradient(to bottom, lighten($base_color, 12%), lighten($base_color, 16%)));
+ }
+ }
+ }
+
&.fine-tune {
slider {
min-width: 6px;
@@ -2676,11 +2720,13 @@ scrollbar {
slider {
margin: 0;
- min-width: 5px;
- min-height: 5px;
+ min-width: if($zukitwo == 'false', 5px, 6px);
+ min-height: if($zukitwo == 'false', 5px, 6px);
background-color: $fg_color;
//border: 0px solid if($variant == 'light', white, black);
- box-shadow: inset 0 0 0 1px if($variant == 'light', white, black); // instead of a border that makes the scrollbar "jump"
+ @if $zukitwo == 'false' {
+ box-shadow: inset 0 0 0 1px if($variant == 'light', white, black); // instead of a border that makes the scrollbar "jump"
+ }
}
button {
@@ -3750,8 +3796,8 @@ messagedialog { // Message Dialog styling
background-image: none;
background-color: $bg_color;
border-style: none;
- border-top-left-radius: 7px;
- border-top-right-radius: 7px;
+ border-top-left-radius: $window_radius;
+ border-top-right-radius: $window_radius;
}
&.csd { // rounded bottom border styling for csd version
diff --git a/gtk/src/Zukitre/gtk-3.0/_custom.scss b/gtk/src/Zukitre/gtk-3.0/_custom.scss
index 19052a6..4f64005 100644
--- a/gtk/src/Zukitre/gtk-3.0/_custom.scss
+++ b/gtk/src/Zukitre/gtk-3.0/_custom.scss
@@ -4,74 +4,116 @@
// Title buttons //
//---------------//
%titlebutton {
- min-width: $titlebutton_size;
- min-height: $titlebutton_size;
- padding: 0;
- margin: 2px;
- border-radius: 1.5px;
+ min-width: $titlebutton_size;
+ min-height: $titlebutton_size;
+ padding: 0;
+ margin: 2px;
+ @if $zukitwo == 'false' {
+ border-radius: 1.5px;
+ }
+ @else {
+ border-radius: 99px;
+ box-shadow: none;
+ &, &:active { background-color: transparent; }
+ }
}
%titlebuttons {
- button.titlebutton {
- @extend %titlebutton;
-
- &.close, &.maximize, &.minimize {
- color: transparent;
- background-color: transparent;
- background-position: center;
- background-repeat: no-repeat;
- border-width: 0;
- box-shadow: none;
- transition-property: background-color;
- }
+ // Zukitre
+ @if $zukitwo == 'false' {
+ button.titlebutton {
+ @extend %titlebutton;
+
+ &.close, &.maximize, &.minimize {
+ color: transparent;
+ background-color: transparent;
+ background-position: center;
+ background-repeat: no-repeat;
+ border-width: 0;
+ box-shadow: none;
+ transition-property: background-color;
+ }
- &.close {
- background-color: $close_button;
+ &.close {
+ background-color: $close_button;
- &:hover, &:active { background-color: $close_button_hover; }
- &:backdrop {
- background-color: $close_button_backdrop;
&:hover, &:active { background-color: $close_button_hover; }
+ &:backdrop {
+ background-color: $close_button_backdrop;
+ &:hover, &:active { background-color: $close_button_hover; }
+ }
}
- }
- &.maximize, &.minimize {
- &:hover, &:active { background-color: if($variant == 'light' and $alt_header == 'false', $selected_bg_color, transparentize(white, 0.8)); }
- }
+ &.maximize, &.minimize {
+ &:hover, &:active { background-color: if($variant == 'light' and $alt_header == 'false', $selected_bg_color, transparentize(white, 0.8)); }
+ }
- // titlebutton icons
- @each $k in ('close', 'maximize', 'minimize') {
- @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-hover') {
- &.#{$k}#{$l} {
- @if($variant=='light' and $alt_header=='false') {
- background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}.png'),
- url('assets/titlebutton-#{$k}#{$m}@2.png'));
+ // titlebutton icons
+ @each $k in ('close', 'maximize', 'minimize') {
+ @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-hover') {
+ &.#{$k}#{$l} {
+ @if($variant=='light' and $alt_header=='false') {
+ background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}.png'),
+ url('assets/titlebutton-#{$k}#{$m}@2.png'));
+ }
+ @else {
+ background-image: -gtk-scaled(url('assets/titlebutton-#{$k}-hover.png'),
+ url('assets/titlebutton-#{$k}-hover@2.png'));
+ &:not(:hover) { opacity: 0.8; }
+ &:backdrop:not(:hover) { opacity: 0.5; }
+ }
}
- @else {
- background-image: -gtk-scaled(url('assets/titlebutton-#{$k}-hover.png'),
- url('assets/titlebutton-#{$k}-hover@2.png'));
- &:not(:hover) { opacity: 0.8; }
- &:backdrop:not(:hover) { opacity: 0.5; }
+ }
+ }
+ }
+
+ // Zukitre unmaximize titlebutton icon
+ .maximized & {
+ button.titlebutton {
+ @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-hover') {
+ &.maximize#{$l} {
+ @if($variant=='light' and $alt_header=='false') {
+ background-image: -gtk-scaled(url('assets/titlebutton-unmaximize#{$m}.png'),
+ url('assets/titlebutton-unmaximize#{$m}@2.png'));
+ }
+ @else {
+ background-image: -gtk-scaled(url('assets/titlebutton-unmaximize-hover.png'),
+ url('assets/titlebutton-unmaximize-hover@2.png'));
+ &:not(:hover) { opacity: 0.8; }
+ &:backdrop:not(:hover) { opacity: 0.5; }
+ }
}
}
}
}
}
-
- // unmaximize titlebutton icon
- .maximized & {
+ // Zukitwo
+ @else {
button.titlebutton {
- @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-hover') {
- &.maximize#{$l} {
- @if($variant=='light' and $alt_header=='false') {
- background-image: -gtk-scaled(url('assets/titlebutton-unmaximize#{$m}.png'),
- url('assets/titlebutton-unmaximize#{$m}@2.png'));
- }
- @else {
- background-image: -gtk-scaled(url('assets/titlebutton-unmaximize-hover.png'),
- url('assets/titlebutton-unmaximize-hover@2.png'));
- &:not(:hover) { opacity: 0.8; }
- &:backdrop:not(:hover) { opacity: 0.5; }
+ @extend %titlebutton;
+
+ &.close, &.maximize, &.minimize {
+ color: transparent;
+ background-color: transparent;
+ background-position: center;
+ background-repeat: no-repeat;
+ border-width: 0;
+ box-shadow: none;
+ transition-property: background-color;
+ }
+
+ // titlebutton icons
+ @each $k in ('close', 'maximize', 'minimize') {
+ @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') {
+ &.#{$k}#{$l} {
+ @if($variant=='light' and $alt_header=='false') {
+ background-image: -gtk-scaled(url('assets/ztwo-titlebutton-#{$k}#{$m}.png'),
+ url('assets/ztwo-titlebutton-#{$k}#{$m}@2.png'));
+ }
+ @else {
+ background-image: -gtk-scaled(url('assets/ztwo-titlebutton-#{$k}#{$m}-dark.png'),
+ url('assets/ztwo-titlebutton-#{$k}#{$m}-dark@2.png'));
+ }
}
}
}
@@ -587,6 +629,9 @@ XfdesktopIconView.view {
searchbar { border-top: 1px solid $borders_color; }
.searchbar-container { margin-top: -1px; }
+ // Border radius on .nautilus-window since version 40
+ border-radius: $window_radius $window_radius 0 0;
+
// sidebar separator
paned {
> separator {
diff --git a/gtk/src/Zukitre/gtk-3.0/_drawing.scss b/gtk/src/Zukitre/gtk-3.0/_drawing.scss
index 828cdc2..e69e06f 100644
--- a/gtk/src/Zukitre/gtk-3.0/_drawing.scss
+++ b/gtk/src/Zukitre/gtk-3.0/_drawing.scss
@@ -475,10 +475,9 @@
// $hc: top highlight color
// $ov: a background layer for background shorthand (hence no commas!)
//
- $gradient: linear-gradient(to top, $c, $c);
+ $gradient: if($zukitwo == 'false', linear-gradient(to top, $c, $c), linear-gradient(to bottom, lighten($c, 6%), $c));
@if $variant == 'dark' {
- $gradient: linear-gradient(to top, $c, $c);
border-color: transparentize($borders_color, 0.3);
}
diff --git a/gtk/src/Zukitre/gtk-3.0/assets.svg b/gtk/src/Zukitre/gtk-3.0/assets.svg
index 2b7921d..fb1bab9 100644
--- a/gtk/src/Zukitre/gtk-3.0/assets.svg
+++ b/gtk/src/Zukitre/gtk-3.0/assets.svg
@@ -1,23 +1,734 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="98"
+ width="210"
height="148"
- viewBox="0 0 25.92884 39.15784"
+ viewBox="0 0 55.5618 39.15784"
version="1.1"
id="svg8"
- inkscape:version="0.92.4 5da689c313, 2019-01-14"
+ inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="assets.svg">
<defs
- id="defs2" />
+ id="defs2">
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4386"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,269.65978)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ id="linearGradient4407">
+ <stop
+ style="stop-color:#2b2e30;stop-opacity:1"
+ offset="0"
+ id="stop4403" />
+ <stop
+ style="stop-color:#5d6063;stop-opacity:1"
+ offset="1"
+ id="stop4405" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4415"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(16.93312,2.6459632)" />
+ <linearGradient
+ inkscape:collect="always"
+ id="linearGradient4413">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.64313728"
+ offset="0"
+ id="stop4409" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.25098041"
+ offset="1"
+ id="stop4411" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4441"
+ id="linearGradient4390"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328305,269.29097)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ id="linearGradient4441">
+ <stop
+ style="stop-color:#676a6d;stop-opacity:1"
+ offset="0"
+ id="stop4437" />
+ <stop
+ style="stop-color:#56595c;stop-opacity:1"
+ offset="1"
+ id="stop4439" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4451"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,275.48054)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4453"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(16.93312,8.4667232)"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4441"
+ id="linearGradient4455"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328305,275.11173)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4527"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,269.65978)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4529"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(22.75388,2.6459632)"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4537"
+ id="linearGradient4531"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492455,269.29097)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ id="linearGradient4537">
+ <stop
+ id="stop4533"
+ offset="0"
+ style="stop-color:#7b7e81;stop-opacity:1" />
+ <stop
+ id="stop4535"
+ offset="1"
+ style="stop-color:#6a6d70;stop-opacity:1" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4550"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,269.65978)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4552"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(28.57464,2.6461065)"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4560"
+ id="linearGradient4554"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313215,-278.14205)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ id="linearGradient4560">
+ <stop
+ id="stop4556"
+ offset="0"
+ style="stop-color:#535659;stop-opacity:1" />
+ <stop
+ id="stop4558"
+ offset="1"
+ style="stop-color:#424548;stop-opacity:1" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4572"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,275.48054)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4574"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(22.75388,8.4667232)"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4537"
+ id="linearGradient4576"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492455,275.11173)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4586"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,275.48054)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4588"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(28.57464,8.466826)"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4560"
+ id="linearGradient4590"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313215,-283.96281)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4737"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,252.19724)"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999" />
+ <linearGradient
+ id="linearGradient4378">
+ <stop
+ id="stop4374"
+ offset="0"
+ style="stop-color:#a0a0a0;stop-opacity:1" />
+ <stop
+ id="stop4376"
+ offset="1"
+ style="stop-color:#f0f0f0;stop-opacity:1" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4739"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-3.016211,251.27522)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ id="linearGradient4361">
+ <stop
+ style="stop-color:#787878;stop-opacity:1"
+ offset="0"
+ id="stop4357" />
+ <stop
+ style="stop-color:#787878;stop-opacity:1"
+ offset="1"
+ id="stop4359" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient3767"
+ id="linearGradient4741"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328304,251.82844)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ id="linearGradient3767">
+ <stop
+ style="stop-color:#fafafa;stop-opacity:1;"
+ offset="0"
+ id="stop3769" />
+ <stop
+ style="stop-color:#d4d4d4;stop-opacity:1;"
+ offset="1"
+ id="stop3771" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4743"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,252.19724)"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4745"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,8.625309,-261.23305)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4487"
+ id="linearGradient4747"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313216,-260.67983)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ id="linearGradient4487">
+ <stop
+ id="stop4483"
+ offset="0"
+ style="stop-color:#dcdcdc;stop-opacity:1" />
+ <stop
+ id="stop4485"
+ offset="1"
+ style="stop-color:#b6b6b6;stop-opacity:1" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4749"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,252.19724)"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4751"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,2.804549,251.27522)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4515"
+ id="linearGradient4753"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492456,251.82844)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ id="linearGradient4515">
+ <stop
+ id="stop4511"
+ offset="0"
+ style="stop-color:#ffffff;stop-opacity:1" />
+ <stop
+ id="stop4513"
+ offset="1"
+ style="stop-color:#e8e8e8;stop-opacity:1" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4755"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4671"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,258.018)"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4673"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-3.016211,257.09598)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient3767"
+ id="linearGradient4675"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328304,257.6492)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4683"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,258.018)"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4685"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,2.804549,257.09598)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4515"
+ id="linearGradient4687"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492456,257.6492)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4677"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,258.018)"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4679"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,8.625309,-267.05381)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4487"
+ id="linearGradient4681"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313216,-266.50059)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4333"
+ gradientUnits="userSpaceOnUse"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,263.83876)" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4335"
+ gradientUnits="userSpaceOnUse"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-3.016211,262.91674)" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient3767"
+ id="linearGradient4337"
+ gradientUnits="userSpaceOnUse"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328304,263.46996)" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4505"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,263.83876)"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4507"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,2.804549,262.91674)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4515"
+ id="linearGradient4509"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492456,263.46996)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4378"
+ id="linearGradient4477"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,263.83876)"
+ x1="13.25"
+ y1="3.9999905"
+ x2="13.25"
+ y2="18.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient4479"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,8.625309,-272.87457)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4487"
+ id="linearGradient4481"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313216,-272.32135)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4891"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,281.3013)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4893"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(16.93312,14.287483)"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4441"
+ id="linearGradient4895"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328305,280.93249)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4897"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,281.3013)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4899"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(22.75388,14.287483)"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4537"
+ id="linearGradient4901"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492455,280.93249)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4407"
+ id="linearGradient4903"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,281.3013)"
+ x1="13"
+ y1="4"
+ x2="13"
+ y2="19" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4413"
+ id="linearGradient4905"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(28.57464,14.287729)"
+ x1="-13.75816"
+ y1="273.45193"
+ x2="-13.75816"
+ y2="268.68951" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4560"
+ id="linearGradient4907"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313215,-289.78357)"
+ x1="13.333333"
+ y1="5.9999866"
+ x2="13.333333"
+ y2="16.999987" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient2647"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient2649"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient2651"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient2653"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient4361"
+ id="linearGradient2655"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
+ x1="14.11111"
+ y1="16.99999"
+ x2="14.11111"
+ y2="5.99999" />
+ </defs>
<sodipodi:namedview
id="base"
pagecolor="#bebebe"
@@ -26,7 +737,7 @@
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="5.6568542"
- inkscape:cx="65.987107"
+ inkscape:cx="109.08306"
inkscape:cy="91.492406"
inkscape:document-units="px"
inkscape:current-layer="layer1"
@@ -34,10 +745,11 @@
units="px"
inkscape:snap-smooth-nodes="true"
inkscape:window-width="1920"
- inkscape:window-height="915"
+ inkscape:window-height="922"
inkscape:window-x="0"
inkscape:window-y="0"
- inkscape:window-maximized="1">
+ inkscape:window-maximized="1"
+ inkscape:document-rotation="0">
<inkscape:grid
type="xygrid"
id="grid837" />
@@ -50,7 +762,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- <dc:title />
+ <dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
@@ -64,7 +776,7 @@
inkscape:label="#g875">
<rect
transform="rotate(90)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
id="rect873"
width="3.7041595"
height="3.7041667"
@@ -72,7 +784,7 @@
y="-4.2333336" />
<path
sodipodi:nodetypes="ccccccccc"
- style="fill:#575757;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#575757;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 2.38125,289.06248 -1.0583333,1.05834 v 0.26458 h 0.2645834 l 0.7937499,-0.79375 0.7937501,0.79375 h 0.2645833 v -0.26458 z"
id="path875"
inkscape:connector-curvature="0" />
@@ -86,13 +798,13 @@
height="3.7041667"
width="3.7041595"
id="rect889"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
transform="rotate(90)" />
<path
inkscape:connector-curvature="0"
id="path891"
d="m 6.6145836,289.06248 -1.0583333,1.05834 v 0.26458 h 0.2645834 l 0.7937499,-0.79375 0.7937501,0.79375 H 7.672917 v -0.26458 z"
- style="fill:#8f8f8f;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#8f8f8f;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
sodipodi:nodetypes="ccccccccc" />
</g>
<g
@@ -104,13 +816,13 @@
height="3.7041667"
width="3.7041595"
id="rect893"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
transform="matrix(0,-1,-1,0,0,0)" />
<path
inkscape:connector-curvature="0"
id="path895"
d="m 10.847917,290.64998 -1.0583327,-1.05834 v -0.26458 h 0.2645827 l 0.79375,0.79375 0.793751,-0.79375 h 0.264583 v 0.26458 z"
- style="fill:#575757;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#575757;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
sodipodi:nodetypes="ccccccccc" />
</g>
<g
@@ -118,7 +830,7 @@
inkscape:label="#g887">
<rect
transform="matrix(0,-1,-1,0,0,0)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
id="rect897"
width="3.7041595"
height="3.7041667"
@@ -126,7 +838,7 @@
y="-16.933329" />
<path
sodipodi:nodetypes="ccccccccc"
- style="fill:#8f8f8f;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#8f8f8f;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 15.081253,290.64998 -1.058333,-1.05834 v -0.26458 h 0.264583 l 0.79375,0.79375 0.793751,-0.79375 h 0.264583 v 0.26458 z"
id="path899"
inkscape:connector-curvature="0" />
@@ -140,19 +852,19 @@
height="3.7041667"
width="3.7041595"
id="rect901"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996" />
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386" />
<path
inkscape:connector-curvature="0"
id="path903"
d="m 1.5875,294.08957 1.05834,1.05833 h 0.26458 v -0.26458 l -0.79375,-0.79375 0.79375,-0.79375 v -0.26458 H 2.64584 Z"
- style="fill:#575757;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#575757;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
sodipodi:nodetypes="ccccccccc" />
</g>
<g
id="scrollarrow-left-insensitive"
inkscape:label="#g899">
<rect
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
id="rect905"
width="3.7041595"
height="3.7041667"
@@ -160,7 +872,7 @@
y="292.23755" />
<path
sodipodi:nodetypes="ccccccccc"
- style="fill:#8f8f8f;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#8f8f8f;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 5.8208334,294.08957 1.05834,1.05833 h 0.26458 v -0.26458 l -0.79375,-0.79375 0.79375,-0.79375 v -0.26458 h -0.26458 z"
id="path907"
inkscape:connector-curvature="0" />
@@ -170,7 +882,7 @@
inkscape:label="#g895">
<rect
transform="scale(-1,1)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
id="rect909"
width="3.7041595"
height="3.7041667"
@@ -178,7 +890,7 @@
y="292.23755" />
<path
sodipodi:nodetypes="ccccccccc"
- style="fill:#575757;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#575757;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 11.64167,294.08957 -1.05834,1.05833 h -0.26458 v -0.26458 l 0.79375,-0.79375 -0.79375,-0.79375 v -0.26458 h 0.26458 z"
id="path911"
inkscape:connector-curvature="0" />
@@ -192,13 +904,13 @@
height="3.7041667"
width="3.7041595"
id="rect913"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
transform="scale(-1,1)" />
<path
inkscape:connector-curvature="0"
id="path915"
d="m 15.875003,294.08957 -1.05834,1.05833 h -0.26458 v -0.26458 l 0.79375,-0.79375 -0.79375,-0.79375 v -0.26458 h 0.26458 z"
- style="fill:#8f8f8f;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#8f8f8f;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
sodipodi:nodetypes="ccccccccc" />
</g>
<g
@@ -207,7 +919,7 @@
transform="translate(12.69984)">
<rect
transform="rotate(90)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
id="rect3203"
width="3.7041595"
height="3.7041667"
@@ -215,7 +927,7 @@
y="-8.4666672" />
<path
sodipodi:nodetypes="ccccccccc"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 6.6145836,289.06248 -1.0583333,1.05834 v 0.26458 h 0.2645834 l 0.7937499,-0.79375 0.7937501,0.79375 H 7.672917 v -0.26458 z"
id="path3205"
inkscape:connector-curvature="0" />
@@ -226,7 +938,7 @@
transform="translate(12.69984)">
<rect
transform="matrix(0,-1,-1,0,0,0)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
id="rect3209"
width="3.7041595"
height="3.7041667"
@@ -234,7 +946,7 @@
y="-12.699998" />
<path
sodipodi:nodetypes="ccccccccc"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 10.847917,290.64998 -1.0583327,-1.05834 v -0.26458 h 0.2645827 l 0.79375,0.79375 0.793751,-0.79375 h 0.264583 v 0.26458 z"
id="path3211"
inkscape:connector-curvature="0" />
@@ -249,12 +961,12 @@
height="3.7041667"
width="3.7041595"
id="rect3221"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996" />
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386" />
<path
inkscape:connector-curvature="0"
id="path3223"
d="m 5.8208334,294.08957 1.05834,1.05833 h 0.26458 v -0.26458 l -0.79375,-0.79375 0.79375,-0.79375 v -0.26458 h -0.26458 z"
- style="fill:#fffff9;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#fffff9;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
sodipodi:nodetypes="ccccccccc" />
</g>
<g
@@ -267,20 +979,20 @@
height="3.7041667"
width="3.7041595"
id="rect3227"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21386"
transform="scale(-1,1)" />
<path
inkscape:connector-curvature="0"
id="path3229"
d="m 11.64167,294.08957 -1.05834,1.05833 h -0.26458 v -0.26458 l 0.79375,-0.79375 -0.79375,-0.79375 v -0.26458 h 0.26458 z"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
sodipodi:nodetypes="ccccccccc" />
</g>
<g
id="titlebutton-close"
inkscape:label="#g2100">
<rect
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect7128"
width="5.2916002"
height="5.2916002"
@@ -291,7 +1003,7 @@
transform="translate(-37.0412,-19.57892)"
id="g2996">
<path
- style="fill:#ffffff;fill-opacity:0.19607843;fill-rule:evenodd;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#ffffff;fill-opacity:0.196078;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 39.422416,279.80183 v 0.79374 l 0.52916,0.52916 -0.52916,0.52916 v 0.79374 h 0.79374 l 0.52916,-0.52916 0.52916,0.52916 h 0.79374 v -0.79374 l -0.52916,-0.52916 0.52916,-0.52916 v -0.79374 h -0.79374 l -0.52916,0.52916 -0.52916,-0.52916 z"
id="path4463"
inkscape:connector-curvature="0" />
@@ -299,14 +1011,14 @@
inkscape:connector-curvature="0"
id="path4359"
d="m 39.686996,280.06641 v 0.35277 l 0.705548,0.70555 -0.705548,0.70555 v 0.35277 h 0.352772 l 0.705548,-0.70555 0.705548,0.70555 h 0.352772 v -0.35277 l -0.705548,-0.70555 0.705548,-0.70555 v -0.35277 h -0.352772 l -0.705548,0.70555 -0.705548,-0.70555 z"
- style="fill:#424242;fill-opacity:1;stroke:none;stroke-width:0.26458001" />
+ style="fill:#424242;fill-opacity:1;stroke:none;stroke-width:0.26458" />
</g>
</g>
<g
id="titlebutton-minimize"
inkscape:label="#g2149">
<rect
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3086"
width="5.2916002"
height="5.2916002"
@@ -317,14 +1029,14 @@
transform="translate(-24.34136,19.579038)"
id="g3044">
<rect
- style="opacity:1;fill:#ffffff;fill-opacity:0.19607843;stroke:none;stroke-width:0.26458001;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#ffffff;fill-opacity:0.196078;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4470"
width="2.6458006"
height="1.0583203"
x="26.72258"
y="262.86862" />
<rect
- style="opacity:1;fill:#424242;fill-opacity:1;stroke:none;stroke-width:0.26458001;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#424242;fill-opacity:1;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4459"
width="2.1166406"
height="0.52916014"
@@ -342,17 +1054,17 @@
height="5.2916002"
width="5.2916002"
id="rect3066"
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<g
transform="translate(-30.69128,5.82079)"
id="g3048">
<path
- style="fill:#ffffff;fill-opacity:0.19607843;fill-rule:evenodd;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#ffffff;fill-opacity:0.196078;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 33.601653,261.28123 v 0.52916 h -0.52916 v 2.11664 h 2.11664 v -0.52916 h 0.529163 v -2.11664 z m 0.52916,1.05832 h 0.52916 v 0.52916 h -0.52916 z"
id="path6131"
inkscape:connector-curvature="0" />
<path
- style="fill:#424242;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#424242;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 33.866233,261.54581 0.52916,0.52916 h 0.52916 v 0.52916 l 0.529163,0.52916 v -1.58748 z m -0.52916,0.52916 v 1.58748 h 1.58748 l -0.52916,-0.52916 h -0.52916 v -0.52916 z"
id="path5239"
inkscape:connector-curvature="0" />
@@ -368,12 +1080,12 @@
height="5.2916002"
width="5.2916002"
id="rect3062"
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path6145"
d="m 9.524876,260.48749 v 0.35277 l 0.705548,0.70555 -0.705548,0.70555 v 0.35277 h 0.352772 l 0.705548,-0.70555 0.705548,0.70555 h 0.352772 v -0.35277 l -0.705548,-0.70555 0.705548,-0.70555 v -0.35277 h -0.352772 l -0.705548,0.70555 -0.705548,-0.70555 z"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458001" />
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458" />
</g>
<g
id="titlebutton-minimize-hover"
@@ -385,9 +1097,9 @@
height="5.2916002"
width="5.2916002"
id="rect3078"
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
- style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458001;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect6149"
width="2.1166406"
height="0.52916014"
@@ -398,7 +1110,7 @@
id="titlebutton-close-backdrop"
inkscape:label="#g2109">
<rect
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3064"
width="5.2916002"
height="5.2916002"
@@ -409,7 +1121,7 @@
transform="translate(-35.98288,-28.57464)"
id="g3003">
<path
- style="fill:#757575;fill-opacity:1;stroke:none;stroke-width:0.26458001"
+ style="fill:#757575;fill-opacity:1;stroke:none;stroke-width:0.26458"
d="m 52.386832,289.06213 v 0.35277 l 0.705547,0.70555 -0.705547,0.70555 v 0.35277 h 0.352772 l 0.705548,-0.70555 0.705547,0.70555 h 0.352773 V 290.826 l -0.705548,-0.70555 0.705548,-0.70555 v -0.35277 h -0.352773 l -0.705547,0.70555 -0.705548,-0.70555 z"
id="path6167"
inkscape:connector-curvature="0" />
@@ -419,7 +1131,7 @@
id="titlebutton-minimize-backdrop"
inkscape:label="#g2158">
<rect
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3088"
width="5.2916002"
height="5.2916002"
@@ -435,14 +1147,14 @@
height="0.52916014"
width="2.1166406"
id="rect6171-3"
- style="opacity:1;fill:#757575;fill-opacity:1;stroke:none;stroke-width:0.26458001;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ style="opacity:1;fill:#757575;fill-opacity:1;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</g>
<g
id="titlebutton-maximize-backdrop"
inkscape:label="#g2124">
<rect
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3068"
width="5.2916002"
height="5.2916002"
@@ -456,7 +1168,7 @@
inkscape:connector-curvature="0"
id="path6175"
d="m 55.032619,261.54581 0.52916,0.52916 h 0.52916 v 0.52916 l 0.52916,0.52916 v -1.58748 z m -0.52916,0.52916 v 1.58748 h 1.58748 l -0.52916,-0.52916 h -0.52916 v -0.52916 z"
- style="fill:#757575;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ style="fill:#757575;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</g>
<g
@@ -469,18 +1181,18 @@
height="5.2916002"
width="5.2916002"
id="rect3074"
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<g
transform="translate(-38.09952,-8.46661)"
id="g3024">
<path
id="path1151"
d="m 54.503488,283.24145 v 1.58748 h 1.587481 l -0.529161,-0.52917 h -0.52916 v -0.52915 z"
- style="fill:#757575;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26457998px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#757575;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
- style="fill:#424242;fill-opacity:0.39226523;fill-rule:evenodd;stroke:none;stroke-width:0.26457998px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#424242;fill-opacity:0.392265;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 56.620129,284.29976 v -1.58748 h -1.587481 l 0.52916,0.52917 h 0.529161 v 0.52915 z"
id="path1153" />
</g>
@@ -489,7 +1201,7 @@
id="titlebutton-unmaximize"
inkscape:label="#g2143">
<rect
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3072"
width="5.2916002"
height="5.2916002"
@@ -504,16 +1216,16 @@
inkscape:connector-curvature="0"
id="path3217"
d="m 49.476469,284.03519 -1.058321,-1.05832 -0.529168,-5e-5 v 2.11664 h 2.116641 l 8e-6,-0.52911 -0.52916,-0.52916 h -0.52916 z m -1.058321,-1.05832 1.058321,1.05832 h -0.52916 v -0.52917 z"
- style="fill:#ffffff;fill-opacity:0.19607843;fill-rule:evenodd;stroke:none;stroke-width:0.26457998px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ style="fill:#ffffff;fill-opacity:0.196078;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
- style="fill:#424242;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26457998px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#424242;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 48.153568,283.24145 v 1.58748 h 1.587481 l -0.529161,-0.52917 h -0.52916 v -0.52915 z"
id="path3219" />
<path
id="path3221"
d="m 50.270209,284.29976 v -1.58748 h -1.587481 l 0.52916,0.52917 h 0.529161 v 0.52915 z"
- style="fill:#424242;fill-opacity:0.39226523;fill-rule:evenodd;stroke:none;stroke-width:0.26457998px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#424242;fill-opacity:0.392265;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
inkscape:connector-curvature="0" />
</g>
</g>
@@ -521,7 +1233,7 @@
id="titlebutton-unmaximize-hover"
inkscape:label="#g2136">
<rect
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3076"
width="5.2916002"
height="5.2916002"
@@ -534,11 +1246,11 @@
<path
id="path1134"
d="m 60.8534,283.2414 v 1.58748 h 1.58748 l -0.52916,-0.52916 h -0.52916 v -0.52916 z"
- style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26457998px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
- style="fill:#ffffff;fill-opacity:0.39215686;fill-rule:evenodd;stroke:none;stroke-width:0.26457998px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#ffffff;fill-opacity:0.392157;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 62.97004,284.29972 v -1.58748 h -1.58748 l 0.52916,0.52916 h 0.52916 v 0.52916 z"
id="path1136" />
</g>
@@ -553,12 +1265,1035 @@
height="5.2916002"
width="5.2916002"
id="rect3070"
- style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26457995;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ style="opacity:1;fill:#000000;fill-opacity:0;stroke:none;stroke-width:0.26458;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
- style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 10.054033,267.3666 0.52916,0.52916 h 0.52916 v 0.52916 l 0.529163,0.52916 v -1.58748 z m -0.52916,0.52916 v 1.58748 h 1.58748 l -0.52916,-0.52916 h -0.52916 v -0.52916 z"
id="path6153"
inkscape:connector-curvature="0" />
</g>
+ <g
+ id="ztwo-titlebutton-close-dark"
+ inkscape:label="#g5123"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ r="2.6458001"
+ style="fill:url(#linearGradient4386);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ id="circle4380"
+ cx="3.1749671"
+ cy="273.71658" />
+ <circle
+ r="2.3812201"
+ id="circle4382"
+ style="fill:url(#linearGradient4415);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="3.1749671"
+ cy="273.71658" />
+ <circle
+ r="2.1166401"
+ style="fill:url(#linearGradient4390);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="ellipse4384"
+ cx="3.1749671"
+ cy="273.71658" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4467"
+ d="m 2.11664,272.92278 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 3.9687 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 2.11664,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 V 272.6582 H 3.9687 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ id="path4427"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-dark"
+ inkscape:label="#g5116"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ cy="279.53732"
+ cx="3.1749671"
+ id="circle4443"
+ style="fill:url(#linearGradient4451);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ cy="279.53732"
+ cx="3.1749671"
+ style="fill:url(#linearGradient4453);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4445"
+ r="2.3812201" />
+ <circle
+ cy="279.53732"
+ cx="3.1749671"
+ id="circle4447"
+ style="fill:url(#linearGradient4455);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 2.11664,280.33102 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ id="path4493"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4491"
+ d="m 2.11664,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close-hover-dark"
+ inkscape:label="#g5088"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ cy="273.71658"
+ cx="8.9957285"
+ id="circle4517"
+ style="fill:url(#linearGradient4527);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ cy="273.71658"
+ cx="8.9957285"
+ style="fill:url(#linearGradient4529);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4519"
+ r="2.3812201" />
+ <circle
+ cy="273.71658"
+ cx="8.9957285"
+ id="circle4521"
+ style="fill:url(#linearGradient4531);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 7.9374,272.92278 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 9.78946 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ id="path4523"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4525"
+ d="m 7.9374,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 V 272.6582 H 9.78946 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close-active-dark"
+ inkscape:label="#g5081"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ cy="273.71658"
+ cx="14.816483"
+ id="circle4539"
+ style="fill:url(#linearGradient4550);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ cy="273.71658"
+ cx="14.816483"
+ style="fill:url(#linearGradient4552);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4541"
+ r="2.3812201" />
+ <circle
+ cy="-273.71658"
+ cx="14.816483"
+ id="circle4543"
+ style="fill:url(#linearGradient4554);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401"
+ transform="scale(1,-1)" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4548"
+ d="m 13.75816,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-hover-dark"
+ inkscape:label="#g5095"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ r="2.6458001"
+ style="fill:url(#linearGradient4572);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ id="circle4562"
+ cx="8.9957266"
+ cy="279.53738" />
+ <circle
+ r="2.3812201"
+ id="circle4564"
+ style="fill:url(#linearGradient4574);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="8.9957266"
+ cy="279.53738" />
+ <circle
+ r="2.1166401"
+ style="fill:url(#linearGradient4576);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4566"
+ cx="8.9957266"
+ cy="279.53738" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4609"
+ d="m 7.9374,280.33102 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 L 8.99572,279.53728 7.9374,280.5956 Z"
+ style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 7.9374,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 L 8.99572,279.2727 7.9374,280.33102 Z"
+ id="path4611"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-active-dark"
+ inkscape:label="#g5075"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ r="2.6458001"
+ style="fill:url(#linearGradient4586);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ id="circle4578"
+ cx="14.816483"
+ cy="279.53732" />
+ <circle
+ r="2.3812201"
+ id="circle4580"
+ style="fill:url(#linearGradient4588);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="14.816483"
+ cy="279.53732" />
+ <circle
+ r="2.1166401"
+ style="fill:url(#linearGradient4590);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4582"
+ cx="14.816483"
+ cy="-279.53732"
+ transform="scale(1,-1)" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4615"
+ d="m 13.75816,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close"
+ inkscape:label="#g4914"
+ transform="translate(25.399682,4.2334918)">
+ <circle
+ r="2.6458001"
+ style="fill:url(#linearGradient4737);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ id="circle4693"
+ cx="3.174969"
+ cy="256.25403" />
+ <circle
+ r="2.3812201"
+ id="circle4695"
+ style="fill:url(#linearGradient4739);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="3.174969"
+ cy="256.25403" />
+ <circle
+ r="2.1166401"
+ style="fill:url(#linearGradient4741);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4697"
+ cx="3.174969"
+ cy="256.25403" />
+ <path
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 2.11664,255.46039 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 3.9687 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ id="path4699"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4701"
+ d="m 2.11664,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 3.9687 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close-active"
+ inkscape:label="#g4927"
+ transform="translate(25.399682,4.2334918)">
+ <circle
+ cy="256.25403"
+ cx="14.816486"
+ id="circle4703"
+ style="fill:url(#linearGradient4743);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-256.25403"
+ cx="14.816486"
+ style="fill:url(#linearGradient4745);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4705"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-256.25403"
+ cx="14.816486"
+ id="circle4707"
+ style="fill:url(#linearGradient4747);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ style="fill:#2f2f2f;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 13.75816,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ id="path4709"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close-hover"
+ inkscape:label="#g4921"
+ transform="translate(25.399682,4.2334918)">
+ <circle
+ cy="256.25403"
+ cx="8.9957285"
+ id="circle4711"
+ style="fill:url(#linearGradient4749);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ cy="256.25403"
+ cx="8.9957285"
+ style="fill:url(#linearGradient4751);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4713"
+ r="2.3812201" />
+ <circle
+ cy="256.25403"
+ cx="8.9957285"
+ id="circle4715"
+ style="fill:url(#linearGradient4753);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4717"
+ d="m 7.9374,255.46039 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 9.78946 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 7.9374,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 9.78946 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ id="path4719"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close-backdrop"
+ inkscape:label="#g4934"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ transform="translate(29.63296,-12.17068)"
+ id="g4727">
+ <circle
+ cy="268.4249"
+ cx="-8.9957123"
+ id="circle4721"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957123"
+ style="fill:url(#linearGradient2647);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4723"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957113"
+ id="circle4725"
+ style="fill:#d6d6d6;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ </g>
+ <path
+ style="fill:#787878;fill-opacity:0.976471;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 19.57892,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ id="path4759"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close-hover-backdrop"
+ inkscape:label="#g4941"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ transform="translate(35.45372,-12.17068)"
+ id="g4735">
+ <circle
+ r="2.6458001"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ id="circle4729"
+ cx="-8.9957123"
+ cy="268.4249" />
+ <circle
+ r="2.3812201"
+ id="circle4731"
+ style="fill:url(#linearGradient2649);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="-8.9957123"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ <circle
+ r="2.1166401"
+ style="fill:#e9e9e9;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4733"
+ cx="-8.9957113"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ </g>
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4761"
+ d="m 25.39968,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ style="fill:#787878;fill-opacity:0.976471;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize"
+ inkscape:label="#g4994"
+ transform="translate(25.399682,4.2333289)">
+ <circle
+ cy="262.07495"
+ cx="3.174969"
+ id="circle4627"
+ style="fill:url(#linearGradient4671);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ cy="262.07495"
+ cx="3.174969"
+ style="fill:url(#linearGradient4673);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4629"
+ r="2.3812201" />
+ <circle
+ cy="262.07495"
+ cx="3.174969"
+ id="circle4631"
+ style="fill:url(#linearGradient4675);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4799"
+ d="m 2.11664,262.86874 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 L 3.17496,262.075 2.11664,263.13332 Z"
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 2.11664,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ id="path4801"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-hover"
+ inkscape:label="#g5001"
+ transform="translate(25.399682,4.2333289)">
+ <circle
+ r="2.6458001"
+ style="fill:url(#linearGradient4683);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ id="circle4645"
+ cx="8.9957285"
+ cy="262.07495" />
+ <circle
+ r="2.3812201"
+ id="circle4647"
+ style="fill:url(#linearGradient4685);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="8.9957285"
+ cy="262.07495" />
+ <circle
+ r="2.1166401"
+ style="fill:url(#linearGradient4687);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4649"
+ cx="8.9957285"
+ cy="262.07495" />
+ <path
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 7.9374,262.86874 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 L 8.99572,262.075 7.9374,263.13332 Z"
+ id="path4809"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4811"
+ d="m 7.9374,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-active"
+ inkscape:label="#g4975"
+ transform="translate(25.399682,4.2333289)">
+ <circle
+ r="2.6458001"
+ style="fill:url(#linearGradient4677);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ id="circle4637"
+ cx="14.816486"
+ cy="262.07495" />
+ <circle
+ r="2.3812201"
+ id="circle4639"
+ style="fill:url(#linearGradient4679);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="14.816486"
+ cy="-262.07495"
+ transform="scale(1,-1)" />
+ <circle
+ r="2.1166401"
+ style="fill:url(#linearGradient4681);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4641"
+ cx="14.816486"
+ cy="-262.07495"
+ transform="scale(1,-1)" />
+ <path
+ style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 13.75816,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ id="path4815"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-backdrop"
+ inkscape:label="#g4955"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ id="g4661"
+ transform="translate(29.63296,-6.34992)">
+ <circle
+ r="2.6458001"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ id="circle4655"
+ cx="-8.9957123"
+ cy="268.4249" />
+ <circle
+ r="2.3812201"
+ id="circle4657"
+ style="fill:url(#linearGradient2651);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="-8.9957123"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ <circle
+ r="2.1166401"
+ style="fill:#d6d6d6;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4659"
+ cx="-8.9957113"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ </g>
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4817"
+ d="m 19.57892,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-hover-backdrop"
+ inkscape:label="#g4948"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ id="g4669"
+ transform="translate(35.45372,-6.34992)">
+ <circle
+ cy="268.4249"
+ cx="-8.9957123"
+ id="circle4663"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957123"
+ style="fill:url(#linearGradient2653);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4665"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957113"
+ id="circle4667"
+ style="fill:#e9e9e9;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ </g>
+ <path
+ style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 25.39968,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ id="path4819"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize"
+ inkscape:label="#g5008"
+ transform="translate(25.399682,4.2333187)">
+ <circle
+ r="2.6458001"
+ style="fill:url(#linearGradient4333);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ id="circle4311"
+ cx="3.174969"
+ cy="267.89572" />
+ <circle
+ r="2.3812201"
+ id="ellipse4313"
+ style="fill:url(#linearGradient4335);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="3.174969"
+ cy="267.89572" />
+ <circle
+ r="2.1166401"
+ style="fill:url(#linearGradient4337);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="ellipse4315"
+ cx="3.174969"
+ cy="267.89572" />
+ <path
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 2.11664,267.89576 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ id="path4821"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4823"
+ d="m 2.11664,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-hover"
+ inkscape:label="#g5015"
+ transform="translate(25.399682,4.2333187)">
+ <circle
+ cy="267.89572"
+ cx="8.9957285"
+ id="circle4495"
+ style="fill:url(#linearGradient4505);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ cy="267.89572"
+ cx="8.9957285"
+ style="fill:url(#linearGradient4507);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4497"
+ r="2.3812201" />
+ <circle
+ cy="267.89572"
+ cx="8.9957285"
+ id="circle4499"
+ style="fill:url(#linearGradient4509);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4825"
+ d="m 7.9374,267.89576 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 L 8.99572,268.6895 7.9374,267.63118 Z"
+ style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 7.9374,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 L 9.2603,268.6895 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 L 8.99572,268.42492 7.9374,267.3666 Z"
+ id="path4827"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-active"
+ inkscape:label="#g5021"
+ transform="translate(25.399682,4.2333187)">
+ <circle
+ cy="267.89572"
+ cx="14.816486"
+ id="circle4469"
+ style="fill:url(#linearGradient4477);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-267.89572"
+ cx="14.816486"
+ style="fill:url(#linearGradient4479);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4471"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-267.89572"
+ cx="14.816486"
+ id="circle4473"
+ style="fill:url(#linearGradient4481);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4829"
+ d="m 13.75816,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-backdrop"
+ inkscape:label="#g4969"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ transform="translate(29.63296,-0.52916)"
+ id="g4607">
+ <circle
+ cy="268.4249"
+ cx="-8.9957123"
+ id="circle4600"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957123"
+ style="fill:url(#linearGradient2655);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4592"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957113"
+ id="circle4596"
+ style="fill:#d6d6d6;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ </g>
+ <path
+ style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 19.57892,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ id="path4831"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-hover-backdrop"
+ inkscape:label="#g4962"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ transform="translate(35.45372,-0.52916)"
+ id="g4623">
+ <circle
+ r="2.6458001"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ id="circle4617"
+ cx="-8.9957123"
+ cy="268.4249" />
+ <circle
+ r="2.3812201"
+ id="circle4619"
+ style="fill:url(#linearGradient4755);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="-8.9957123"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ <circle
+ r="2.1166401"
+ style="fill:#e9e9e9;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4621"
+ cx="-8.9957113"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ </g>
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4833"
+ d="m 25.39968,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close-backdrop-dark"
+ inkscape:label="#g5035"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ id="g4769"
+ transform="translate(29.63296,5.2916)">
+ <circle
+ r="2.6458001"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ id="circle4763"
+ cx="-8.9957123"
+ cy="268.4249" />
+ <circle
+ r="2.3812201"
+ id="circle4765"
+ style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="-8.9957123"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ <circle
+ r="2.1166401"
+ style="fill:#3e4143;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4767"
+ cx="-8.9957113"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ </g>
+ <path
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 19.57892,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ id="path4835"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-close-hover-backdrop-dark"
+ inkscape:label="#g5028"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ id="g4777"
+ transform="translate(35.45372,5.2916)">
+ <circle
+ cy="268.4249"
+ cx="-8.9957123"
+ id="circle4771"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957123"
+ style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4773"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957113"
+ id="circle4775"
+ style="fill:#525557;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ </g>
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4837"
+ d="m 25.39968,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-backdrop-dark"
+ inkscape:label="#g5049"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ transform="translate(29.63296,11.11236)"
+ id="g4789">
+ <circle
+ cy="268.4249"
+ cx="-8.9957123"
+ id="circle4783"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957123"
+ style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4785"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957113"
+ id="circle4787"
+ style="fill:#3e4143;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ </g>
+ <path
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 19.57892,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ id="path4839"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-maximize-hover-backdrop-dark"
+ inkscape:label="#g5042"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ transform="translate(35.45372,11.11236)"
+ id="g4797">
+ <circle
+ r="2.6458001"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ id="circle4791"
+ cx="-8.9957123"
+ cy="268.4249" />
+ <circle
+ r="2.3812201"
+ id="circle4793"
+ style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="-8.9957123"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ <circle
+ r="2.1166401"
+ style="fill:#525557;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4795"
+ cx="-8.9957113"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ </g>
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4841"
+ d="m 25.39968,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-dark"
+ inkscape:label="#g5109"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ r="2.6458001"
+ style="fill:url(#linearGradient4891);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ id="circle4843"
+ cx="3.1749671"
+ cy="285.35815" />
+ <circle
+ r="2.3812201"
+ id="circle4845"
+ style="fill:url(#linearGradient4893);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="3.1749671"
+ cy="285.35815" />
+ <circle
+ r="2.1166401"
+ style="fill:url(#linearGradient4895);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4847"
+ cx="3.1749671"
+ cy="285.35815" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4849"
+ d="m 2.11664,285.35804 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 2.11664,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ id="path4851"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-hover-dark"
+ inkscape:label="#g5102"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ cy="285.35822"
+ cx="8.9957266"
+ id="circle4853"
+ style="fill:url(#linearGradient4897);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ cy="285.35822"
+ cx="8.9957266"
+ style="fill:url(#linearGradient4899);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4855"
+ r="2.3812201" />
+ <circle
+ cy="285.35822"
+ cx="8.9957266"
+ id="circle4857"
+ style="fill:url(#linearGradient4901);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 7.9374,285.35804 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ id="path4865"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4867"
+ d="m 7.9374,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 L 8.99572,285.8872 7.9374,284.82888 Z"
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-active-dark"
+ inkscape:label="#g5069"
+ transform="translate(25.399682,4.2331848)">
+ <circle
+ cy="285.35815"
+ cx="14.816483"
+ id="circle4859"
+ style="fill:url(#linearGradient4903);fill-opacity:1;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ cy="285.35815"
+ cx="14.816483"
+ style="fill:url(#linearGradient4905);fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4861"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-285.35815"
+ cx="14.816483"
+ id="circle4863"
+ style="fill:url(#linearGradient4907);fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ <path
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 13.75816,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ id="path4869"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-backdrop-dark"
+ inkscape:label="#g5056"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ id="g4877"
+ transform="translate(29.63296,16.93312)">
+ <circle
+ r="2.6458001"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ id="circle4871"
+ cx="-8.9957123"
+ cy="268.4249" />
+ <circle
+ r="2.3812201"
+ id="circle4873"
+ style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.454081"
+ cx="-8.9957123"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ <circle
+ r="2.1166401"
+ style="fill:#3e4143;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ id="circle4875"
+ cx="-8.9957113"
+ cy="-268.4249"
+ transform="scale(1,-1)" />
+ </g>
+ <path
+ sodipodi:nodetypes="ccccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path4887"
+ d="m 19.57892,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="ztwo-titlebutton-minimize-hover-backdrop-dark"
+ inkscape:label="#g5063"
+ transform="translate(25.399682,4.2331848)">
+ <g
+ id="g4885"
+ transform="translate(35.45372,16.93312)">
+ <circle
+ cy="268.4249"
+ cx="-8.9957123"
+ id="circle4879"
+ style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.352773"
+ r="2.6458001" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957123"
+ style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.454081"
+ id="circle4881"
+ r="2.3812201" />
+ <circle
+ transform="scale(1,-1)"
+ cy="-268.4249"
+ cx="-8.9957113"
+ id="circle4883"
+ style="fill:#525557;fill-opacity:1;stroke:none;stroke-width:0.403627"
+ r="2.1166401" />
+ </g>
+ <path
+ style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 25.39968,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
+ id="path4889"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccccccccccc" />
+ </g>
</g>
</svg>
diff --git a/gtk/src/Zukitre/gtk-3.0/assets.txt b/gtk/src/Zukitre/gtk-3.0/assets.txt
index bc05e63..84abd24 100644
--- a/gtk/src/Zukitre/gtk-3.0/assets.txt
+++ b/gtk/src/Zukitre/gtk-3.0/assets.txt
@@ -22,3 +22,33 @@ titlebutton-minimize-hover
titlebutton-unmaximize
titlebutton-unmaximize-backdrop
titlebutton-unmaximize-hover
+ztwo-titlebutton-minimize
+ztwo-titlebutton-maximize
+ztwo-titlebutton-close
+ztwo-titlebutton-minimize-hover
+ztwo-titlebutton-maximize-hover
+ztwo-titlebutton-close-hover
+ztwo-titlebutton-minimize-active
+ztwo-titlebutton-maximize-active
+ztwo-titlebutton-close-active
+ztwo-titlebutton-minimize-backdrop
+ztwo-titlebutton-maximize-backdrop
+ztwo-titlebutton-close-backdrop
+ztwo-titlebutton-minimize-hover-backdrop
+ztwo-titlebutton-maximize-hover-backdrop
+ztwo-titlebutton-close-hover-backdrop
+ztwo-titlebutton-minimize-dark
+ztwo-titlebutton-maximize-dark
+ztwo-titlebutton-close-dark
+ztwo-titlebutton-minimize-hover-dark
+ztwo-titlebutton-maximize-hover-dark
+ztwo-titlebutton-close-hover-dark
+ztwo-titlebutton-minimize-active-dark
+ztwo-titlebutton-maximize-active-dark
+ztwo-titlebutton-close-active-dark
+ztwo-titlebutton-minimize-backdrop-dark
+ztwo-titlebutton-maximize-backdrop-dark
+ztwo-titlebutton-close-backdrop-dark
+ztwo-titlebutton-minimize-hover-backdrop-dark
+ztwo-titlebutton-maximize-hover-backdrop-dark
+ztwo-titlebutton-close-hover-backdrop-dark
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-active-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active-dark.png
similarity index 69%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-active-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active-dark.png
index 69ea892d54e9533e2d03c48a2529125a287ac810..4c8049277af5444039bed5013df8c9cdf4c904d7 100644
GIT binary patch
delta 29
icmX@av58}XiV$akM`SSr1K(i~W;~w1B4wl7A7%iARSB~I
delta 45
xcmdnQafoAriV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_oVO0|5P^3qk+@
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-active-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active-dark@2.png
similarity index 62%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-active-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active-dark@2.png
index 0323ca83a17bd87832e676a846a0e6dac69ef696..30df20e46fbf1d367450bbee1e746b14075da9d4 100644
GIT binary patch
delta 29
icmbOw)Fm`QMToP&BeIx*L3$ksGxo$5|Jdkug#!S55D8WQ
delta 45
wcmeAYnk6(rMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb>Lk0P{5q4*&oF
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-active.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active.png
similarity index 68%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-active.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active.png
index ca2127c2e6916fcb756e77b1c82cde87e0f925aa..0788da64dbc2d972716405f8cdd08bb3817880e4 100644
GIT binary patch
delta 29
icmdnMv4CTOiV$akM`SSr1K(i~W;~w1B4wl7D`o(IK?!{T
delta 45
xcmZ3$v4LZPiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_ixZ0|56<3k(1N
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-active@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active@2.png
similarity index 93%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-active@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-active@2.png
index 2742b96d95410fde62999ce9daa4cf59dc8152db..d08f69f7645b5f603744e782fe33504f5d903b14 100644
GIT binary patch
delta 29
icmZ1@G)HKHiV$akM`SSrgY-HOX6%VA{;|>R83zD>BngZF
delta 45
xcmbOuv_@!xiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_k|^008-k3q=3`
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop-dark.png
similarity index 81%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop-dark.png
index 825875470197d849d7f45d23e205dc16b4baa22d..e421a07488fad1ac0473f2b94438ca8b40451e34 100644
GIT binary patch
delta 29
icmbQq*2y+OMToP&BeIx*f$uN~Gak=hk+RY4G7|uLo(VGm
delta 45
wcmeBVo5?moMTw=@$uool2x>S|Iv5xjI14-?iy0XBj({-ZRBb-#jb@jb0Pc$l!T<mO
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop-dark@2.png
similarity index 84%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop-dark@2.png
index 8e8b2a0025aef1e9f4e006e115ed4ec1c60729cb..61e0eb2c465dafd8bf419045f6ffe43b4101da78 100644
GIT binary patch
delta 29
icmcc5d!BcKiV$akM`SSrgY-HOX6%VA{;|<*CK~{Wq6wJ*
delta 45
xcmX@ld!KiLiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_j020RRZr3sL|8
diff --git a/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a5d034627cd1a9bf93f5e604c81ed3ac9f4ccf5
GIT binary patch
literal 724
zcmV;_0xSKAP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10%1u+
zK~y-6t(3h^+fWq8f7h{)Dv(GrnUrp^i!yi!A6-I38+E1=eF54x;3IhfuEYyet-57_
zsSnV!B9Rb61XUgo;0{O#CqqRu08`@Ip|NE*31#3vU7vgI&*y)x?tw>^7`3s!zW!R%
zv=v|xnC^!!l~N5M#IBU`>w|#ha@kT!eM+TLMbk7f41<Y@2>@<xZfLbyxUNg5)7k6w
zdhfQkx80Gzjg5_>uIpds=H^nCWg*0H1HSKbetyo;(a~?E)biHWR$~BIE|)D$(+*0d
zQpzxlQJsjX-ELE>)vkNJ-U}(^PXI0Q*AMga^ACmr7>2>@>}(qN9K<yEdjaWm`lV@_
zVRE%v<@oq`0OB|f)oL~Twk(TeGFhxtDy0x8gm`P3W~^uVe4dk&lNi)-9302Nw(T&c
zX&TvV7T@<*0Q5evFf}z5t0b4p(d~9|90y(3L!fQjF(5!DlL07(K;Y^4`1pW5+qThl
zJ*;vV44{8@I<yR+lp06`=ytn9*F)q-E4;e9yL&!4IT_1{_AFXyKA(@}-QL~;Tt$Hm
z&+}ryC@gAo7}WDTgb?+p<sH{`@qIrA{1=wX<-*$!efmDG>!Os}g~&_U+}x}!EG)d5
znVGq-PXjtVJ>~H5a8F9P6s-_l*H@d(=C5|U{a{$D)uP#KUIVK^ED<c~^?IjJC>&f|
zTr7``jXg=H)AtUCv$Hey_xG=T-+v>e{1NO8oLF01GZTr#$7C|Ol+9+zWHPbw<#}E(
zzP<|~-UmZrBrs5=QYrPH(<1P!AHD<{z>bvi+y9&L2>JuO+W{;jk(>Ph0000<MNUMn
GLSTY7tWh@r
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop@2.png
similarity index 88%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-backdrop@2.png
index 040140ac493959458cf3b17ac5b23728a8f6d15f..d65fa5c720a265e8ea133483df344764970b9632 100644
GIT binary patch
delta 29
icmcc2bC_p>iV$akM`SSrgY-HOX6%VA{;|=Gmkj`gv<UM6
delta 45
wcmX@ibD3v?iV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_jsx00T%0tN;K2
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-dark.png
similarity index 73%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-dark.png
index c7b805f2b002fbbfce6990469af600ee931c8c45..163c417b629b8220658cfcbd4e9d9e5d29b41c2f 100644
GIT binary patch
delta 29
icmZqR{J=3mMToP&BeIx*f$uN~Gak=hk+RXviUk0H{s`{?
delta 45
wcmeys(ZD%DMTw=@$uool2x>S|Iv5xjI14-?iy0XBj({-ZRBb-#jb>IX0Q?yWegFUf
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-dark@2.png
similarity index 59%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-dark@2.png
index bc39e2baa4b94be785a92f2bfb7862644ae57c75..856cdeaedc3c69cc027bbc8ad9cd93d9ef02317d 100644
GIT binary patch
delta 29
icmZn=`5-(&MToP&BeIx*L3$ksGxo$5|JdlZixU8Y{|Sr$
delta 45
wcmew$+#oVRMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb^(z0RbTkMF0Q*
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop-dark.png
similarity index 71%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop-dark.png
index 2a42b8ba1b39a45edf8b7a63fd1a3f8b04d93ec5..8be0d64cccc1d879d3698adeb8dfe3bdc9d49f3a 100644
GIT binary patch
delta 29
icmbQi*1<MGMToP&BeIx*f$uN~Gak=hk+RY45)%M=WC<_;
delta 45
wcmeBRo540gMTw=@$uool2x>S|Iv5xjI14-?iy0XBj({-ZRBb-#jb@ja0PZmgzW@LL
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop-dark@2.png
similarity index 88%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop-dark@2.png
index 04aeea75a5855b6486fee349eec2746b06e89b41..0042394765c75d071017fc1ff9a9da51244daf14 100644
GIT binary patch
delta 29
icmeyw`-pdfiV$akM`SSrgY-HOX6%VA{;|<*4I2QB@CniY
delta 45
xcmaFF`-yjgiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_m|R0RRt#3yS~%
diff --git a/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4b5bbfb348bc600f13d210cbcfa4eff80744a3b
GIT binary patch
literal 725
zcmV;`0xJE9P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10%A!-
zK~y-6t(3oR+E5h6ziW(8had$=mO_}CE(Renn87j7sB<cY^aaws0e@eBD>1QEt@;4T
zlJ4|RFdobh1;rC;7h`2Bv`W~(z8z{?c7ZfQ&UAh5cYi+Lxw;2<<RF_iYPH%+j^mC2
z8~{i<X_GNFAcUMzN<Tjc*lafU8Dk$3iG(Z&0`~Uy5RFCw0Jpcdm`o<nbsf{`v~O9~
zn@*?meIu}5ugg5oe<~J>+u3XugseAU+cvJRuhH-Ke=)|6+U@pW1=wsh_c@N!DwWE1
zGMQWp`Zr9|#QFL8%(5(zQu+e`INx92l}e=t!vG+aN<o(87=Vv%jsyN)z|PK2Ig`nF
z;%>JKRaI9Y!{HF!ZrA(HX0wRL<8rIjI`n{qkk^7B1bQY(5-u+<1JL1c2u;&aC=|RL
z$8it@0k&-)0|4&;rF1$Ss3f1yW4T;H(=>#`VF2)8q9_Km&RN+50(iQ$wY6eT6h-hn
z?^U@D1^~|4q-Plb7-K6!09Y=U-g>cEtkpPS`zySe&*#r$u~<Oi@0q_+Ns<D(ySqC8
zxbXuAhG7JNewg3pI;de7AcQD>%cr`o!?tZtv<{Zf=e^taeA+g2T?b?A4Dh{_Mx*hi
zTrR)J<#PA+X(g_%u5fX2(WjJ_{1t-d`4dG^ewwEFVAy0bfvT!A04HuP<SrCN`7KG3
zHXe_UB9X|G-QC@Lhr?(zLa*1GS(f#RQaW<?R!&r_)n}nl=zTmMFA0KxbUGavUxs10
z<LetC<gGgtHUiyfwOWVHb2<Q!a?&P%0f19V>DT`^<q_f!7zY5!(8r;#00000NkvXX
Hu0mjf@}xqX
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop@2.png
similarity index 92%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-backdrop@2.png
index b54194cae04a3296c602e57dcf70a269f11478f0..1a9f944803d65eb66e7dfd6ce41603a3bb6f50cd 100644
GIT binary patch
delta 29
icmaFLbCqX;iV$akM`SSrgY-HOX6%VA{;|<bo(%wr$O$O`
delta 45
wcmcc0^OR?TiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_nd|012E5;s5{u
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-dark.png
similarity index 57%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-dark.png
index 2468348e0ff99ecb824ecc145dcc1dae4449deea..d95f2e08c92d0e727db258110a424b852047fa67 100644
GIT binary patch
delta 29
icmeC?{LL{zMToP&BeIx*f$uN~Gak=hk+RXvl?4EVd<hT$
delta 45
wcmey((akwQMTw=@$uool2x>S|Iv5xjI14-?iy0XBj({-ZRBb-#jb^Sa000IGp8x;=
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-dark@2.png
similarity index 92%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover-dark@2.png
index 79abf44b08ce27e47ed6fa24cea3389680d32166..9f348b193ed678881da2f1aa708587220e26c330 100644
GIT binary patch
delta 29
icmbO)(l0VWMToP&BeIx*L3$ksGxo$5|JdkulM?`ap9yLJ
delta 45
wcmeAdnJ+RyMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb=AF0rjK{BLDyZ
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover.png
similarity index 62%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover.png
index 19b7b7da51f6c2c1fd968739fe4d9a2318218600..21e55e3a74981d8df5755f9b71697f65c1a6266a 100644
GIT binary patch
delta 29
icmeyw@rYxBiV$akM`SSr1K(i~W;~w1B4wkS4hsN{HVH%k
delta 45
wcmaFF@rh%CiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_jfB01T1}(*OVf
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover@2.png
similarity index 92%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close-hover@2.png
index 218495dc1d7c1e7a4bf87f2045dabe73883b7bf8..21a4448e79f6fc57f816886c59217a65b4900748 100644
GIT binary patch
delta 29
icmbO&+$}soMToP&BeIx*L3$ksGxo$5|Jdjj$_W5_fe73H
delta 45
wcmeAco-I5<MTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb@>o0P^Mvl>h($
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close.png
similarity index 72%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close.png
index 7d168c3b1956b460333a211c334eb05c476aef6e..8d434a646a220878d05539331949b1bf2cd16fba 100644
GIT binary patch
delta 29
icmaFEaff4qiV$akM`SSr1K(i~W;~w1B4wkS8Vdl6+6giM
delta 45
wcmcb^@rGl9iV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_m>M019>r!2kdN
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close@2.png
similarity index 73%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-close@2.png
index 768742b68cd0cd4e3134772c2a16ae4f64cb1ed8..0090107707967dfb06d4934ad105c857cf609022 100644
GIT binary patch
delta 29
icmdlayhwP0iV$akM`SSrgY-HOX6%VA{;|<5hZ6vRw+SHt
delta 45
wcmZ1^yh(V1iV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_jY!0s8z3+5i9m
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active-dark.png
similarity index 61%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active-dark.png
index ae34ca011fff586ed20c6510d76da47dc351ae5d..369efb42ac803ef4f1a29d40c32549890a5b32e0 100644
GIT binary patch
delta 29
icmZqW_{u&(MToP&BeIx*f$uN~Gak=hk+RWkKQjP>=?QxP
delta 45
wcmey$-pVmSMTw=@$uool2x>S|Iv5xjI14-?iy0XBj({-ZRBb-#jb{6q0se#w3IG5A
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active-dark@2.png
similarity index 91%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active-dark@2.png
index 0649fbb6d0802a2459b198a2b0dc8c58590b1834..2b4ece66f9cb18ea1c9cc9127c33c13043b91911 100644
GIT binary patch
delta 29
icmew(@J3*QiV$akM`SSrgY-HOX6%VA{;|=`i~|6V*a>(5
delta 45
wcmaDO@JC>RiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_mo(022%gF#rGn
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active.png
similarity index 80%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active.png
index 6216779afb59463799fdfd2a351772899f1db58b..4aba62fbb702e00c6cad2428838a0dad06265e14 100644
GIT binary patch
delta 29
icmeyz{*HZuiV$akM`SSr1K(i~W;~w1B4wl74rTz5w+ZC{
delta 45
xcmaFI{*QfviV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_jkw0{{_o3v>Vg
diff --git a/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-active@2.png
new file mode 100644
index 0000000000000000000000000000000000000000..767a57eee1ad448cef0e397f5adaeee0c141d702
GIT binary patch
literal 2175
zcmV-_2!QvAP)<h;3K|Lk000e1NJLTq001Tc001Tk1^@s6s6FYf00009a7bBm000}V
z000}V0gPR9_y7O^8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H12n<O?
zK~z|UwV2;eT-OoDKWEO}Wy7+@u&`bT5C{e1QncpBrf!o5JIRABL()d6qqMcuHfmHU
z%0Eyw53Sn&Ad1wcP9M_v2ZTzI+Xt&Hh&(h+WMmnqmVZDZ*j>QvCB$$S)(d-2AL4ss
zY_K81BhAY_^W%GF=FFLU6yJc}efQmj>$=YX2Y|gmJy3Rg*#V}2YsQ$5wAMq%j~~Cd
zT_0+zf+tR#h?JC+ylRYj1=x4znlXlAu?T?H8l~<rdl@)UQd07#W5<p;I|6KYc-Wer
zo_-zp4NwV?&*xcOTqKvvk<aH@TU%SFV_6oVP>66i%&uL#2!%r4(!4R|_m4jM=$nTQ
z9a^un9bhL<o@^75Q^uJ6#u&c*@=LPWEGsK3UmH-0U@(YfSpcl9tx+fxFvj>Yp-_le
zEXMBLyS->$&|1HI?AWoZ+XmL(-~XI3<~^V+m&=h#rF=k-Jn{%tRaHczQ6iBDBC<}`
zbzPR0mauIb+qTK)^S)kveLdlD7+?wb$xAQ2bau<Y1_uX^8)M!v##pnnvrJD<V~nA+
zw3Mc%CaSBeH`~vKw6L(i`1m-vTn?oawY9ax<8hQyYrxN6eDTG<J`mX8;NWvgsX=3m
z_4((YW7{@LDOy@usI9HtsIa$0#uzf04CCYD7-Oias-mf>$piPp7hZVb@0$WUd-iNg
zu~-~6#za2*>@%|2EP+6Pj*bp0Dk{Dapu6ej&6|vkjZr8RsH&=>xw#pol%usy_Vx8$
z@#OsC7#<$BT-WUvk;u%<j1MZAOj21{iBf7uc=ztz^z`%)3<j}no0*vzM5N3Z^WO0A
zuyqfx<>lqqwbuI`$03zUAtEFa3Buv<j)C$x91fF6Bv49`N~Or<a)?Nm<2bLa19tA*
zxv)~|*GefSCMGb(uy^m?9gWo8Tv1U$YildU7$znrP)eb-e&d4=K8X0hj4{6wkt*A^
z$>nl{!(kd48W53(%8iYUl$Dj?I1aXLBO=jYF!)O!n25Y0BBW9&0NUEx5Rr!#EssTn
z*49=4zkIaTuK-v>LqiGIb@w@rgX1`qmX@+-&z^0cwsblTKwVwkw)EohIHjefIF7^e
z@-k&*W#2w`?%a1oDfO(@8r!yg!R_umlgThRILQ0&zfUTa+P1zIi23<>wAKWJ!DmEk
z{aq1ZVPOG)nwpwz)k!9kVPIf@LZQIw>MDbSgJd$9ZP}=)sR6#aA#Q*Bo`^`Bh~PMm
ze_FP>({wt`z`y{jtE+x$R##W)@9*DM<UF5_<9NXKic+c;;MT2MghC;Ip4tki{{DUn
zg#rMbot<=ccKYB31_nr{(_6CTjY+p|-2y;F>O@2$-jEjv1hx$7%$YMjsQvr*bL7Yo
zjvP5cPfrg3g+hVTr%y9EIk_d9fj|Ib46f@UA`$WO4ERU*ew<FHIeq%{x=8i*_M){$
zYt7-qhe;-r>(V+kHT6Kd9^LUxmV&{cZ|HuzN~KbqI(5ni)!p4qZ*T9qo+lz4K75$&
z?rz`anKNe|SaY85U@(Y?EQyFr2Lb^?p%5!8D;Q%oRlaoTk`Jn@tBa#Yk8aqAMTDbA
zkMhJ5PxxuQbm`Kjc3sycpU)Etg|I9OrBqr(<cf$;US5tdhA+POVp9Vi_4M@6*VlL7
z+d)Lu)tpx<8}Y)z0>&81%genqUbU1`|5Zx;XwRNK+_-UrnVFeQJHJwj?(S~-`uf%Z
zy&v`U^`W(<SS;Q%f_pSQJq<uC7V~8OBU<Z!X|1WRulI#E+gT!!;Q8mD-_||qrPUjA
zHewH0Lqh{vYb?w9w{&!LjETsn(P)&4iVBvNmdIo>8yaY8YWhZ(yNGamjJ}66nGBBO
zP+3_?Wo0EIa=E>|{eJ?Wwf>8U(9zKWz{QIf?^_c)#Q<YtV*qq?ba>OnpW*h{lh5b>
zC?fXbk3UXjWhIM?i;RztKlFL*+O=!kym^yoH0otzer;{-Z68=7k;rMS|6o}bPd)V%
zN-0K1N12<OduY+hX0u$lZ~>(hPd@o1mSrI#zin@CcYI&~Q&UrKipYg{JWfwf53cL-
z;fEjkm-|k#<2a0rjNrO1$z+mvJdW0Sw7I$YEx!ZYd2Cau)VFT`zU>+r8R5#6E0mO!
zaPZ(k;_>*F+QWnB#*G_{jEu0dvO;TXD~AppLMi1KW0FlxP5$rOJ<Vuxa<We;^*7gb
zt>NKeu3o*0h>%Ps*|%@smiyP;WQ^hR<;$Eue;(I$X=`ia;K754$eQcAKWJ=h{KuX0
z8+u8lQa@En{lyq#jgF4;$tR!Sx-RAA<#cs*(b(9yEr8S0(|r8#$NnIA;J^VoJ3CQI
ztr=r}R$pKL-rYKzTA!Vr?KQ@n1R}GuvkVOlk<DfSh(sbh_Sj=IG&B&4#n4)>(=8T@
z%+1X)IXTJX<Rp&s)st9tbu~{v{j^sWi@=X-YHHR+>Vd!jve|5_>$<0aF4uLre*HS<
z&!1;*ZtiOXN>N%`iZ`JY3I&#zm)AW*#bPm%$s{c;EncKYl~OOqVzKL+`F>zNj4@U=
zn|%#<Ln##nux*=(i3!r_G`4N~5%DMzi4cuOsjI7_xw)CDsw!{EHpcv}y1M!;rBv~L
zez#mGb8~ZLTI*MVUjXfQt`&<#f9?+i0{5gA_!M}jSS-FBi^X>4sdFQmpPz3Rk!OuD
z-&abt0u6lqIJ^X;j4@Z0QXjdl`_E`JdU?A({tteLPT9R|KkEPh002ovPDHLkV1khY
BLX!Xh
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop-dark.png
similarity index 71%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop-dark.png
index 08bb9675819aa10dd6918e4f7bcc51e0abb35042..4a8bc774f089de3a7c1a05300bd51e0a7457ad3d 100644
GIT binary patch
delta 29
icmcb`dWv;|iV$akM`SSr1K(i~W;~w1B4wl76ea+OA_;T=
delta 45
xcmX@bdW&^}iV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_lLL0RRLZ3j+WE
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop-dark@2.png
similarity index 75%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop-dark@2.png
index 47a385e4c4a006ecb6d34b00e3793210e81c8c6e..4600a0f360c3737d4456d9fb6e2c8d51b0651711 100644
GIT binary patch
delta 29
icmdnTvyNwiiV$akM`SSrgY-HOX6%VA{;|>R2P*)A@d>j4
delta 45
xcmZ3-vyW$jiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_j;O0s#Hi3v2)Y
diff --git a/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop.png
new file mode 100644
index 0000000000000000000000000000000000000000..28fc38a628750cc72dc52732ce7f738ace167beb
GIT binary patch
literal 677
zcmV;W0$TlvP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10y0TN
zK~y-6wUoh%+E5gR|C<D%D5zOQJKZJeLJ&ly8%J8C>*;Fx0@J>MioSpse1X!^2bfv)
z0mdn#AhS>`f(w%_gkcgF#YRwfxwng&H0q?dX#Z92f6o2x$+_GE{9}=@K&@7LEeOIn
zfKvb`Tl=1K-XnxuQA)3m0yY{Aopb&vnM{^7O@pE+h{a+6fYoXR+qPkvCLG7PbzS#e
zyWKWJf%SU5EJ@OrLZOh<bsdB}{sW9L7>0qtVDOW3e%5NWdI!KpqoE6ea962Rl8T~)
zbz(>J`5c{2XW_c;3rgvC01yJFekc};N5cR>Q559!c^SZG&l7;(7a+^>D^1gmhI!I;
z9f?Gu+-x>0K9CUdR@1c5o{h(2j7FnJV}c++RaG#?&H+H$0!yh>Dik&zkNtHnmpjNw
zr_%sX_JIJNMx)VCST>u5D2jfS`_S#)lOPbB^H5keoAv!LC;$fhx#fq=W^(}Chh;Ju
z<Z?MoCX=1q^?D5e55Wq1mSsJU$K!s|J}d}zU3bT`EDMB?Zm_~j(=@>t+X03t7-NjV
zG)-{MuY4e-^xAQp8^bU{Az?BM1Iy*|mQs2XtPqkUT?~iAAM^SAXqau=7!HRE02iJo
zdLP|x*C~}sceB~-EE0)4k!AU>!(lp|qTlZ?7-MfJrQf{R!H#ORs)?fbF_B2TR8<w}
zbb4oeS(fFEudjrV_ufzl1$t^Wo0aWzItB1-Yu^Lt0l4&f_TTjjz8mj^IX4TK00000
LNkvXXu0mjf$LA`Z
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop@2.png
similarity index 81%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop@2.png
index d7d6722cb935aea7dc55e6ac206de0fbbda111cd..267c1da310ccd1cb7121f573c93da0fb5089a8c6 100644
GIT binary patch
delta 29
icmbQi)4?-AMToP&BeIx*L3$ksGxo$5|Jdkui4_2PRS7`=
delta 45
wcmeC+nZYwbMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb@iv0q}YX`Tzg`
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-dark.png
similarity index 83%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-dark.png
index f24f46095c5ae90ccb3da0bbd572db64cf0d1618..8122842ae6b47ac28cb09de0404abbc23efe5663 100644
GIT binary patch
delta 29
icmdnNv4UfQiV$akM`SSr1K(i~W;~w1B4wl7CuRVG5ebz5
delta 45
xcmZ3%v4dlRiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_hm30|5FS3nTyl
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-dark@2.png
similarity index 86%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-dark@2.png
index 77125d4a30fdd4c8912aac200be643ac24cc4091..8f19caffea35f5c1b8c925b4c2020433792d72d2 100644
GIT binary patch
delta 29
icmaDWcvo<OiV$akM`SSrgY-HOX6%VA{;|<*IR^lZs0qyg
delta 45
xcmcaB_*QU&iV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_kw;000jh3x)sy
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop-dark.png
similarity index 70%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop-dark.png
index b7373655a5f3a17af094e9a0dc614ea2b17f0464..2bfe1b7dc3ac2282a37b13d13d919bac9444212d 100644
GIT binary patch
delta 29
icmaFBdVzI<iV$akM`SSr1K(i~W;~w1B4wl7EG7VnehG#E
delta 45
xcmcb>`hazUiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_i}h0RRR%3l#tW
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop-dark@2.png
similarity index 74%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop-dark@2.png
index afe15a682d01d16424f9b86e343c026ea586a6f2..b3a9cecbc792798764655a9ae71b25926934abde 100644
GIT binary patch
delta 29
icmbQo)5kMGMToP&BeIx*L3$ksGxo$5|JdkugB1XKu?bTE
delta 45
wcmeC<na49hMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb=Ak0rHj$3;+NC
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop.png
similarity index 76%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop.png
index 5987db9a761839954f30829d48680f75ac9c723e..9ac56c10d6f2751bf38d86aa18b3ff7a72d1254d 100644
GIT binary patch
delta 29
icmdnRx{7sziV$akM`SSr1K(i~W;~w1B4wjn2@?Q-;t3Q0
delta 45
wcmZ3*x{Gy!iV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_i0X0Qk=eqW}N^
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop@2.png
similarity index 91%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-backdrop@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-backdrop@2.png
index 145131a433d24ee60a400948df28832dd58a3afe..89ffd8d4b22f53b4fbd87dbb3dc8ff709788805c 100644
GIT binary patch
delta 29
icmeC=`N=&&MToP&BeIx*L3$ksGxo$5|Jdkum=yqoRSA;-
delta 45
wcmey#-N`dSMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb?{g0Rfi_OaK4?
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-dark.png
similarity index 58%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-dark.png
index d5590c71d3aaa4931b7dffe2e7eb5ab369e763b5..43b370776f604de1847fae04e578cdea9bc016ab 100644
GIT binary patch
delta 29
icmdnSv5aGaiV$akM`SSr1K(i~W;~w1B4wl72W9|)oe7Ts
delta 45
xcmZ3+v5jMbiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_hm20|5DI3myOf
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-dark@2.png
similarity index 92%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover-dark@2.png
index 374869d9eeb08d7455f6dba1a62f00966f4d4ffa..baf4729d0d00e7676fccc544a76966fa4163893e 100644
GIT binary patch
delta 29
icmZn{`Yt#@MToP&BeIx*L3$ksGxo$5|JdkukOKgPC<&YZ
delta 45
wcmew^*e*0dMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb;Zq00Qa@RR910
diff --git a/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..16e4d5a5f47733426008fc306b85a07c779b2534
GIT binary patch
literal 1037
zcmV+o1oHcdP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H11DZ)h
zK~y-6l~qeiYgZKh_Bs0)6Jv~uF;x>uQl$6@q{hcc0)h@y^e6}?4*U<jwze~e_1^vo
z5fo$6`j}<lC=epvnjlsLYm8P!0>&JT=Mcl$om_)4DcpXr275iewbtHi?@dqvfk2>2
zQ4|rtBq8K`0Bv7P|1ie><T!3ir_*iC&d%oF$CCGowY9Yw03RP8AD!837P(vwFE1|u
z06`E?Q&R)8*$ku6_%~zhr@6Vg-zyRZ0s)>eww%xBKcrGA7>!1Fy<WInF4Wi80{}9a
z49?EZaBy&dTrLN@-44B8|J(8L@#50bk_G_ul~53bWm%R#B$G*ujEtbazaNB@Hej(>
zV6j**I5>#?{e6VPVK|-6g`S=s4Zvct!kwL+8AVZoCnqQH`~7e@9F?}V4Cm+PSYKa9
zXJ;q$dc8O?F|kDgfk2hfX#6XYNVtZEhS1m7_f=%Ch{a-vL?Upz-N{@o_Z?SPS0~D{
z?5eJ=MsIH~7-RoSyk0MKIvt*#o*ZVgd6J`)PNmancsw33#-M3hnQUxqV0Cr1q748%
z9uLy#G$^H$R1k#TY&Hvr!vV%vSxdoS5SyEu#kJq>FY|Faorpvtpp<$krSuy`QD8Ee
ziWy%K3WX311|dljs;a86va$lk7$iw5@vE(^g{rEcl(tfy=RpX8rfDS=hC(5PLLo?!
zgqfL{qP`L-V+@24P)apU5QH0p!GMQ{hmyT{C7Yg}hN`MiRTbmo<CveH$L{WKiEk#8
zfx%z^rSyhUN<TL>HFYGDNi;S#7PCr{1W^>Bs%lZEsw&3D#*okFOS(xWlW1;k2Bq|X
z<9U9|>2x9<kE2j16tjw=2t`rKPE}D9h@x0r7YYT$<8e3~4)8p`%_)lVhs|a?69fVA
zc)U1Y&(F{QIeTwyhlhs{1OaVrZRY@XIIq|H!t?y1&*wul8bvCV`s$&+xVS(x8imj2
zgCGb$bai#*i?{#s^77N|?d?K19LB)F0NidjIF74u*#J$`kVqsDi^VWHI*OK-mSvmG
z_A~J2`C^Q5H#axGX0zEJ_xARnC<?l}yV2g>4wK0Q0FY%FsZ<I_M@KLi3>Y3BhS_ZX
zXti2@A%tipgs-@}yPG0}e7d^2`u6nn6xY|+kYyPFU^1D|+S-bajt<!E_A^b>7OYn5
z_S^U}!Y|bd_xJZxgpf%9y?FBl0Qk%p+iGZN*d~O$ypR1CZ|xl?JCs~`00000NkvXX
Hu0mjf-@4b(
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover@2.png
similarity index 76%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize-hover@2.png
index 5edb47aaaf40841bdadf2af8c339f618d6918a77..6be6a344a69078709d8f0d5c0386fc3392e5d433 100644
GIT binary patch
delta 29
icmX>nxKD6`iV$akM`SSrgY-HOX6%VA{;|=mg98ADq6u&S
delta 45
wcmdldcusJFiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_ha600cG*DF6Tf
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize.png
similarity index 78%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize.png
index 64f36a7c7f043d80c6beaaba00ab04841d1744f1..151e2688f044b1ecbbbdaa78e09f5fed90ec0ed1 100644
GIT binary patch
delta 29
icmZ3^F`Z+AiV$akM`SSr1K(i~W;~w1B4wl7LuLSeHwj_@
delta 45
xcmbQvv7BRqiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_gav0|4|S3h@8{
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize@2.png
similarity index 87%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-maximize@2.png
index 9c9446135fcf8182a1daf8ca068c8a29796ea421..fcc645fc791f1d5bef3b9c6f1936acbb1ddab628 100644
GIT binary patch
delta 29
icmew?_*ig)iV$akM`SSrgY-HOX6%VA{;|<*Ee8OP1PR{&
delta 45
xcmaDX_*rm*iV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_m{o000p<3zz@^
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-active-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active-dark.png
similarity index 77%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-active-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active-dark.png
index 55aeb90d6c83d78c0642859fcfa6a76c616c8777..c284fd2659995613cfbe64e24a7437bf181e7c82 100644
GIT binary patch
delta 29
icmeC+_`yCwMToP&BeIx*f$uN~Gak=hk+RY45HkRTmkERb
delta 45
wcmeyt-oY_JMTw=@$uool2x>S|Iv5xjI14-?iy0XBj({-ZRBb-#jb?|K0soQ<6951J
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-active-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active-dark@2.png
similarity index 76%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-active-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active-dark@2.png
index 6a9a3bc0feced1d9af10587609ad1691cdad5cf6..c8bf24120e7cb621a7aefc83c102ba57e23af5e2 100644
GIT binary patch
delta 29
icmew^@LXVmiV$akM`SSrgY-HOX6%VA{;|=`kOKgYwh3tf
delta 45
wcmaDZ@LgbniV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_f(k01-+HA^-pY
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-active.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active.png
similarity index 87%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-active.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active.png
index 77af7d04e5957c6995d45b460f171c9df0542795..b580c4f402cff88430eda7cc566847f46b199a85 100644
GIT binary patch
delta 29
icmZqW_{u&(MToP&BeIx*f$uN~Gak=hk+RWkKQjP>=?QxP
delta 45
wcmey$-pVmSMTw=@$uool2x>S|Iv5xjI14-?iy0XBj({-ZRBb-#jb{6q0se#w3IG5A
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-active@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active@2.png
similarity index 85%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-active@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-active@2.png
index 56ebedea3cefe0c9b0c5d91da2aa5a426a84f090..02307d986882c806e63d02f7296578899540253c 100644
GIT binary patch
delta 29
icmew?@K|7iiV$akM`SSrgY-HOX6%VA{;|<bmjeKe&Iw%r
delta 45
wcmaDX@L6DjiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_je%01x5|761SM
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop-dark.png
similarity index 66%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop-dark.png
index 57012eb983b86df8aa355fa2b63e6af1f9684a46..caa4f36e868badeadfe2c065ccce1a6fa00f0d1d 100644
GIT binary patch
delta 29
icmcb?dV+O=iV$akM`SSr1K(i~W;~w1B4wl7Bqjidt_f}c
delta 45
xcmX@XdV_U>iV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_gy$0RRJP3jF{8
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop-dark@2.png
similarity index 87%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop-dark@2.png
index 2cd6332d4b320d29c811e174fcd11a54bbaff5e1..68e9e25e6e16c62d23247e724716ea2e46100c54 100644
GIT binary patch
delta 29
icmbQn)5bGFMToP&BeIx*L3$ksGxo$5|JdkuffWFG;R!nc
delta 45
wcmZqUnZ`3gMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb;~E0q@2N^Z)<=
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop.png
similarity index 62%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop.png
index 498c16b5f3e215a49b1da320d612ec089199908c..fd8da09d292cd0ac9293d6198be536039f8800df 100644
GIT binary patch
delta 29
icmcb?dV+O=iV$akM`SSr1K(i~W;~w1B4wl7Bqjidt_f}c
delta 45
xcmX@XdV_U>iV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_gy$0RRJP3jF{8
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop@2.png
similarity index 84%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-backdrop@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop@2.png
index 251b61cacc4eda6108a414cc33f62dab2c1d8034..c301ac87651da2953b62ea8fb04e0fa3c0191342 100644
GIT binary patch
delta 29
icmeC=`N=&&MToP&BeIx*L3$ksGxo$5|Jdkum=yqoRSA;-
delta 45
wcmey#-N`dSMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb?{g0Rfi_OaK4?
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-dark.png
similarity index 80%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-dark.png
index fcd00081f75f49e8363a14f55f52031fd6546920..e90559479ed5a18ea9bcd7927cc01846016553d3 100644
GIT binary patch
delta 29
icmdnbv7TdsiV$akM`SSr1K(i~W;~w1B4wl7Pi6pvrwOV6
delta 45
xcmZ3_v7cjtiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_j+)0|5M#3poG)
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-dark@2.png
similarity index 91%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-dark@2.png
index 46a6e149f5e15e16d11065b44f0a4c087dbae5c3..bef53ff718745e042bf21e96ccb3493273f3988d 100644
GIT binary patch
delta 29
icmaDWcvo<OiV$akM`SSrgY-HOX6%VA{;|<*IR^lZs0qyg
delta 45
xcmcaB_*QU&iV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_kw;000jh3x)sy
diff --git a/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..fee9e3752b77fcba4400167622bbd32b308b8db5
GIT binary patch
literal 717
zcmV;;0y6!HP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10$NE#
zK~y-6t&~qs6G0fppV_vdbz5L}%b~mFBuj5bPhO-!8baGd@q}Lh{Y*yV2Y{1kQrjpP
z?1dwG!Ps)K?GjygRtSVGWp_NZvvFOPG|}fY^Zxl|=AC(8;6IB*Ib>O0_8_bgumu45
zk+}n~ra;K1Wm)gX0%o(>dDrt^i0MpGRaHo`jASwe0C1dhP)c!R7&tpS-E{@w$%$#U
zB7xJ>GsRdOujcf5N!2tEa`gomV=#JMv|BCPbFpgMW-|oLX0!7QWbfAPJCY<xQI!bD
zwkbaEf1(4z?w*)t8vq3EbY1pL*9&9A06>yt+|=jfnCrgeHUStufS5_&&uQw|FfL8Y
zLliT`DMcyyKo7!WRaGNvcAW?zP}Lj+#@2iw0lO#3N+59c;e$v>wY(D84|7S;2LjNN
z$z&jCxwLd8v|3(4wNeh)lBpCh`l~`HW2CLuZ$eNGtJNEUSjHFtcmNO|*?NxS6hu+<
zgWhfLAdyI*S}9|2aWMo|%Ba1qhk$*@0f3$lWFSpStpE@JYV`&NgMoj_TD=j10RW{I
z0QS)b#t7RuGK}?nem3;d{G=TCw-{qMG7NZxYyy9DiYzPJdZDnS<!3`l*Qwk2hF0tA
zu5DS1K%i4D*ALt6pVX#f!)!`%*gmALAgps+j4%5A{;!FN8++!D@2l}dJeA2zUOOCm
z-44DS98k|?kB%*KpZh`?lQT1V?9zKKrqhe6nu8=O{GY)&KL@4OaD1JfeQ@K#Q$7?T
zfm~CHQW~}sSpdKb+W}b9BV^;)vUbKR%s=WkFAnX58)9-S00000NkvXXu0mjfzLPku
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop-dark@2.png
similarity index 89%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop-dark@2.png
index a52c3c78e62a1987aec34edd04b0c2c5713d2785..7b718ae411dad3612e714fefc6374c000035ca63 100644
GIT binary patch
delta 29
icmeC-`NKUyMToP&BeIx*L3$ksGxo$5|Jdkuj1>Td0|}e}
delta 45
wcmeyv-NQ3MMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb_JK0Rp89RR910
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop.png
similarity index 77%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop.png
index 2a6d08f88ad0faf28b3d680b91ba20113b641521..11f0a5f31497f7e2a54ce18097b0ea69f50921f2 100644
GIT binary patch
delta 29
icmcc5dY*NHiV$akM`SSr1K(i~W;~w1B4wl7OeO${L<xfc
delta 45
xcmX@ldY^TIiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_i}i0RRQy3labT
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop@2.png
similarity index 91%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-backdrop@2.png
index 9b16aba2c76a022da6f7e7c76047b5120cdaf759..df596e3b976adb9646d4779f08da896f0ceba80f 100644
GIT binary patch
delta 29
icmbQh)4(%9MToP&BeIx*L3$ksGxo$5|JdkuiWLBOg$XGD
delta 45
wcmZqRnZPqaMTw=@$uool2x>S|Iv5xjI14-?iy0WC*Ml%)oYX{_jb^7<0qv>^;s5{u
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-dark.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-dark.png
similarity index 62%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-dark.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-dark.png
index d02da2399b962d64e507fee900533abfccdaf1f7..80f51cdee4ecab961f3be3f0a29edbddbd1c9a4b 100644
GIT binary patch
delta 29
icmX@Yv4vxTiV$akM`SSr1K(i~W;~w1B4wl7KV|@g$qBgt
delta 45
xcmdnOafD-niV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_oVP0|5S33rGL}
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-dark@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-dark@2.png
similarity index 90%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-dark@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover-dark@2.png
index 0333ebca1b2987f56a3e1673528410416a4e09da..9b714bd501149c659a490d1712514c1e6e523929 100644
GIT binary patch
delta 29
icmew)_(*VqiV$akM`SSrgY-HOX6%VA{;|<*4F>>@$_d;6
delta 45
xcmaDP_(^briV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_m{m000o)3zYx>
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover.png
similarity index 76%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover.png
index cc6cf88db8625ca4aff611cc6fa1d930f5e48c1d..7e013b9b1ccb17ffcd909ffe356c985a9c67da45 100644
GIT binary patch
delta 29
icmZ3)F^OY>iV$akM`SSr1K(i~W;~w1B4wl79cBQ16$w)S
delta 45
xcmbQlv4~@WiV{n)lV=DA5Y%v_bTBY5a29w(7BevL9RXp+soH$f8_n)80|4@33gQ3&
diff --git a/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize-hover@2.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6ab095e65011571597a62b76187885afa0ca2bf
GIT binary patch
literal 2265
zcmV;~2qyQ5P)<h;3K|Lk000e1NJLTq001Tc001Tk1^@s6s6FYf00009a7bBm000}V
z000}V0gPR9_y7O^8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H12xdt{
zK~z|UwV2&+T*VoOpLu6vui31PckRWFy-S>JVkfSZfZ{YMAdwJIf@0Jnl*nx(wMBtS
zh<~6e7bz|`PzWSKYH8qtVx&l}gwukewsvBnQp{RQD;i?Q2H}&~R(2gb-m@Ej>^aj5
zXBRt;zaadib2T&XJoB4#&b;p^zJcC;`|Yi+>pleR1ZsgWu=Yl?4GaQ(#+Z+^)*Xir
zAO6p3=TIx{c=F^)e_>(aQ^uGlfz5N<j4?Ql1Ax{Vr51!e51cG4Ed1lag9q)~0@m5t
z=@}XtdKUN%5CE8*oMd8Rf^<5~<m4pTY<AulkH>@8>&55uQCwV%*XzwSjT&QGs;a6^
z?B2b5{-D)>wYIj_iO9Rgm~F-w#>dA=BobV|em&nuMDY9l6crT#aQ*sqQmGWK>*o7-
zy<S405O>~rXU@&I*1GxN!Gpc420L}?)MLh&cYw9&bQ;UD@<730kS$xbuzB-ls;jH<
zcs%pQX0ur=%i{CTKj-}U^IW}p6@a3mBEsP?KA#UD1^o2Tp+l!v4A$1xcGwv6rZL7d
zGBU!@&=AHL%FD~yyLT@Q4GoK}=a%a4@8|vZ-)CfG1f>+~)~%zWq5`E<7Wl;zPdxGG
zWx?9o+8$F%wHaePUw-)|$z&3(HIF{}C_8rSKtxsrm6PkbeEjjpeDJ{sIF3VESs67o
zH95E+KmPdRe_a&p^y$+Z9mnZ0#`wSZ;tLXq1b5tV2hGjR)YQ~`BcPi#I5<daYb&;G
zQ&v_+G#W)IWoxY)o0^&~<oe~8-`Uyeab5S6i1>$xhe;$7_<TN|e)?(FuV0Tb=C(ZH
zaF`=Uj^Ok8NG6jE4-X?EYmG7Qbar-n7Jy|knP;`u+ics$vMjXL96EG}Kp=2ioSLgZ
zAV70-Gg@mb%OaglBO>?Ow*AaJurp`Q_>@w=R!T82Fn}?Jef##^R;O-$B9RD>Jn{&}
z7zPFgP)eb-e(t^Z-t*_dj4{6wk+NhmNjjaTtgMXf+qZvbP`PKvjva(TA#B?wnM@)g
z!GeN<BY7|pc~V5MEDL~#AAT66)OQZ1lw!}GJpfpig@~ZFeiA@BIy$zB$mUEYgKgUc
z0s(4kYj68|wV3Ma>L@KO#kOrSnG7Pb<;<Bg-xsCSUad9BWD<bd+S>2jshgji5u>A{
zXsszID0oP;);|yt#>U2$1&hUEWV6{-Pn^wWiN#{ef{l%hAtH##E)kJB5y7@?lu}ey
zRxTQ#r>BP(Uwo12>FHHL9Xoc6o}QjX`&3p|qLjk6?HpLGD5cf`OifKuTwJ{1K%OfR
zAs&x&{P^*F{<V}G$KlmiU!}Xdd(&6+j%{eGsVrgHOCi-`DhlN1&fF1h-gy1To1
z>7|#JbS|6C=Am+0Dt2ye*L4vQzud5HMS~9<I6!G>DFE?!oR?pI`Ic}uLzR@2uz&yl
z6)if)BO;P2C@27CGt;F8S65fl($bQL`}EUKdF7Q?=D}sNSzdeXH9q;|lRVV(&p*%I
zci+8a?5U|Klu{HF6d)og5s{%aYu4cPdP${H3)1Adnx3Afs;X)M+_7WFn3<WuaU6~x
zKfVAe5{WQ9J-uk$nVA_<sT5wX7mvq-QtFb3$ORFhq@)C643{roUUXHC<B-W@sH&>s
z=+UE;l$7M*PMkP#OQ#}{2$@U<$8i>on@dDXN=kCu*egn@e~Sor-E|iLeSLjPTJAUw
z>2#V%B*F_XypVS;7K;&!#qv-sEiFVM5z^`Ol2FDNdV6P6|4=BDJC^<>TI+vktqF(2
zz-$`4+`q|j9BkWO;M`oN!r?HsZ7&ODjG@23AAm?Cg4P<3$Ma8VXlVGah<p|d1}QBq
zWo&GWix)30`ab03x-PbD&vS0BQ?_l-tCSW~Utb^N<KqMZ0Rn*lB67aIzW#q60Il^~
z#+ctXG&IoF)y3JfXW6h}!?O9k<2a;Jsl0Ol;c$3C`L@*Jy1KdmXlQ6aL{Lio32vl4
zlarHw5Rv4D4I2mq0$ja%m3Tb9q9ey~9400vh(sbpA`vDgCRVh4#>^gZqobn)gF$L)
zY7mjpY&QEw9&GE@t!b_G?>rt4_uqd%N-55sJ<H(W;ELg{UAxA$Yu8o`Wmy(oU0o=p
zxbMFE@OV6k$kF=xdOHsWFgQ4PLPX*f6%}mXz8%MLXm4+4e0+S_Ey-=mO12MRe0-et
z_I4b{p|P=%ii!%f);-Z^^z~eydF7jBS>L-+z7?N4ca94eE>KidL{n2!{;U1Ax_tRE
z?d|PkG8r~)+QjbNyHQHn#+b&Mnwot1wxHns>Z`Aslv00jUDwmu*-3A2FIsCJc;ErH
zZQJ&(3f_1;&W9g<h~qfa)z$IfgAXDiS=V)cw0`~izs>D`%PRuQvVNwNddnE&>FMdA
zySp3LbqNFl?Ao=9jT<-K>Z)l`4Gs=+?%cUt!NJa*JGtkcdr(ScjWItDhr{pOJZ918
zBO@aRj4`c%e`I8Yj*bozi3BkF6OBfrM59qED=X1j&l~GF4#UI4^!N8OFfhQx!~_84
z<>l<zvxka`3V;dVCzX|z^PE~13?Pw6Y;s-qUEp5Vb-8%)BC%MED_5?39Y863J|BgJ
zg}`jWnNFwYr81#Vh{ndoxlZ>erJ6&b(4v3xW%t7v<4GhE&j8OUrGfy-WRih_0WMv-
zL^7Ggw&!0G`u%=_!64Pu)kLFF%F4=eO-W<SZ_CTeUsp;knF6o)MY(e2%37`UQ@}5Q
z`nhe6<1jNb1I(t$H*YQQ8Stj#IB$ePq1$uSc`J>Mj@FCFUSrG;l~S942wz_grvS?s
n)2o#F$aUSn2ZO=$tDWQjw5u8xL2R)C00000NkvXXu0mjf5#wXB
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize.png
new file mode 100644
index 0000000000000000000000000000000000000000..34c1facbababd0e725ae92b87a855e70c5f31cf2
GIT binary patch
literal 1042
zcmV+t1nv8YP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H11D{Dm
zK~y-6l~vDAB3TgrUiWJVKa^Ht#2;W}4B24lgXqB<K@W&AY9^Wx5B?83&boW^xX$c9
z;YE`US%E~O7tS7JgGQDRXH`@r1_YV`F%Y`<Fe9<WO?E1&!>d>Iz543at4HvLh@z;e
z)oP0X<_RHV00zHr-71Rm7sD_ityUXaUS6)hjwP=R+uPgk0et%U^{ZWyBvh+aG#U*6
z0LO7K7!2Tf9!8__A4O4qSy@^6^G!fe6j?=4HtY5Jhjcm(gTVl|+l}GjVemW;04SA8
zxVX4LEEdD#<0EV~8+1C|ABjX_ePd%o1_1gD$Z_0exm^Bmd3g!1*9*7X4MNle%w{vp
zW;5JwH)63EqR}YqcKe#k<&pucw=#@GBJXRpS}>VRVrgj!LqkJvm9|Z;uC5Ra2H|u%
zq0{LW=jP@@L=;7h(P;ep<mBYt<m4pA#>V~^*t5i9F&rHoK@fz?YPI?kV=|c*%jNPr
zjYb1O5YTKke@F#E0LO8tR4T(f&(AZI(uG_u2SE^^C<<g*{vibbm&=7*E(c2KJi~FE
zTaqMLtyYzzD2o3Hvb(#hTH9<k6pKYrO2-*WX<w~YgTY`>QQ6<$hbW3|6hom9!r`#W
zW-u7=^z;Nu=>WsBEC?ZJHk+zbS65eYaBzTNFxaw1A`wI)5d;E(wyX&upp?p#<G4G$
zUhgQE%joLrYTe%S^fc=AI(Bw;K<T%3-P_wkAP~Up>@3RVa?4keB<S^eP)hG8r8L&l
z)8j~|(=eG#Dks0+4~<5Ht*tEpKp+r+-|t7MR8qB0I-N#uZ!ajN$CPE+klk(%93LOU
z>2!i&n3iL)ScKQ>MZNxQ2F%RNpja%bz+_oQGMU80!~|HD4bxh!wrjOoznq<&jU*BY
zIGs*aK%r28&*uXGJUl$KHFhGAfL5!;;NajzqtS>k<KyEEmSxvH9uMO2I5L?`Tfy`B
zJo5Q`oBj6o7V&r-9*+kc$NfAyI$CeN{_E@O&)IBt?eOprf*`=*aH#0NrkP5maC&+Q
zpU;Q>{{Bs?)%q*&Vtgrz!ra~6{Vqw;$7nQ)N~MC4krDLu^}%Q~0stzN3bNTO&d<-$
z(b0jasVVS0|H)#p{6+|oRe;ZOe}BI~2>E<-b2E}krI5*FS}oGq*@=OH0XQ5E*le~h
zvMjGzESB)g_%^`r*>Z(KVSx}b55SEVUjTrZq9~#6?(Q%lr13iTU*l&aNDi+$2LJ#7
M07*qoM6N<$f>QP6`2YX_
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize@2.png b/gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize@2.png
similarity index 70%
rename from gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize@2.png
rename to gtk/src/Zukitre/gtk-3.0/assets/ztwo-titlebutton-minimize@2.png
index c75cd5012fa1d2c3d72c222f59ff90f1d0120733..35ee4c3b07fb006e3a0ac752382e1d9f6883cbb3 100644
GIT binary patch
delta 29
icmew$_&{)iiV$akM`SSrgY-HOX6%VA{;|<*6$b#0RteSs
delta 45
xcmaDL_(5=jiV{n)lV=DA5Y%v_bTBY5a29w(7BetNuLohqIH`#;8_ia6000mw3y%N*
diff --git a/gtk/src/Zukitre/gtk-3.0/gtk-dark.css b/gtk/src/Zukitre/gtk-3.0/gtk-dark.css
index 59a4ff4..f6c4c4f 100644
--- a/gtk/src/Zukitre/gtk-3.0/gtk-dark.css
+++ b/gtk/src/Zukitre/gtk-3.0/gtk-dark.css
@@ -817,9 +817,7 @@ popover.background separator { margin: 3px; }
popover.background list separator { margin: 0px; }
-notebook > header { padding: 1px; border-color: #212425; border-width: 0px; background-color: #2e3132; }
-
-notebook > header.top, notebook > header.bottom { box-shadow: inset 0 2px rgba(33, 36, 37, 0.35), inset 0 -1px rgba(0, 0, 0, 0.2); }
+notebook > header { padding: 1px; border-color: #212425; border-width: 0; background-color: #2e3132; box-shadow: inset 0 2px rgba(33, 36, 37, 0.35), inset 0 -1px rgba(0, 0, 0, 0.2); }
notebook > header tabs { margin: 0px; }
@@ -951,7 +949,7 @@ scrollbar.left { border-right: 0px solid #212425; }
scrollbar.right { border-left: 0px solid #212425; }
-scrollbar slider { min-width: 14px; min-height: 14px; margin: 0; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #a5a6a7; transition: background-color 250ms; }
+scrollbar slider { min-width: 14px; min-height: 14px; margin: 0px; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #a5a6a7; transition: background-color 250ms; }
scrollbar slider:hover { background-color: #cdcecf; }
@@ -1411,7 +1409,7 @@ calendar:backdrop { color: #d8d8d9; border-color: #232627; }
calendar:indeterminate { color: alpha(currentColor,0.1); }
-messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #2b2e30; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #2b2e30; border-style: none; border-top-left-radius: 3px; border-top-right-radius: 3px; }
messagedialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
@@ -2039,6 +2037,8 @@ XfdesktopIconView.view .rubberband { border-radius: 0; }
.caja-notebook .frame { border-width: 0 0 1px; }
+.nautilus-window { border-radius: 3px 3px 0 0; }
+
.nautilus-window searchbar { border-top: 1px solid #212425; }
.nautilus-window .searchbar-container { margin-top: -1px; }
diff --git a/gtk/src/Zukitre/gtk-3.0/gtk-dark.scss b/gtk/src/Zukitre/gtk-3.0/gtk-dark.scss
index c7ebe54..551f97a 100644
--- a/gtk/src/Zukitre/gtk-3.0/gtk-dark.scss
+++ b/gtk/src/Zukitre/gtk-3.0/gtk-dark.scss
@@ -1,5 +1,6 @@
$variant: 'dark';
$alt_header: 'false';
+$zukitwo: 'false';
@import 'colors';
@import 'drawing';
diff --git a/gtk/src/Zukitwo/gtk-3.0/gtk-dark.css b/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo-dark.css
similarity index 98%
rename from gtk/src/Zukitwo/gtk-3.0/gtk-dark.css
rename to gtk/src/Zukitre/gtk-3.0/gtk-zukitwo-dark.css
index 478f8d3..7bc12cb 100644
--- a/gtk/src/Zukitwo/gtk-3.0/gtk-dark.css
+++ b/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo-dark.css
@@ -1,4 +1,4 @@
-* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 1px; -gtk-secondary-caret-color: #4a79c7; }
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #4a79c7; }
.background { color: #f6f6f7; background-color: #2b2e30; }
@@ -557,7 +557,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.inline-toolbar { border-style: solid; border-color: #212425; background-color: #282b2d; }
-.titlebar:not(headerbar), headerbar { padding: 0 4px; min-height: 38px; border-width: 0 0 1px; border-style: solid; border-color: #18191a; border-radius: 0; border-color: rgba(33, 36, 37, 0.7); background: #35383b; background-image: linear-gradient(to bottom, #43484b, #35383b); box-shadow: inset 0 1px rgba(246, 246, 247, 0.1), inset 0 -1px rgba(246, 246, 247, 0); }
+.titlebar:not(headerbar), headerbar { padding: 0 4px; min-height: 38px; border-width: 0 0 1px; border-style: solid; border-color: #18191a; border-radius: 0; border-color: rgba(33, 36, 37, 0.7); background: #35383b; box-shadow: inset 0 1px rgba(246, 246, 247, 0.1), inset 0 -1px rgba(246, 246, 247, 0); }
.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-image: none; }
@@ -565,7 +565,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
-.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #1c345c; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); border-color: rgba(33, 36, 37, 0.7); background: #4a79c7; background-image: linear-gradient(to bottom, #618ace, #4a79c7); box-shadow: inset 0 1px rgba(117, 152, 211, 0.75), inset 0 -1px rgba(246, 246, 247, 0); }
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #1c345c; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); border-color: rgba(33, 36, 37, 0.7); background: #4a79c7; box-shadow: inset 0 1px rgba(117, 152, 211, 0.75), inset 0 -1px rgba(246, 246, 247, 0); }
.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #4a79c7; background-image: none; box-shadow: inset 0 1px rgba(131, 163, 215, 0.7); }
@@ -817,9 +817,7 @@ popover.background separator { margin: 3px; }
popover.background list separator { margin: 0px; }
-notebook > header { padding: 1px; border-color: #212425; border-width: 1px; background-color: #2e3132; }
-
-notebook > header.top, notebook > header.bottom { background-image: linear-gradient(to bottom, #2e3132, #3d4042); box-shadow: inset 0 1px rgba(33, 36, 37, 0.35); }
+notebook > header { padding: 1px; border-color: #212425; border-width: 1px; background-color: #2e3132; background-image: linear-gradient(to bottom, #2e3132, #3d4042); box-shadow: inset 0 1px rgba(33, 36, 37, 0.35); }
notebook > header tabs { margin: 0px; }
@@ -827,25 +825,25 @@ notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > ta
notebook > header.top { border-bottom-style: solid; }
-notebook > header.top > tabs { margin-bottom: -2px; }
+notebook > header.top > tabs { margin-bottom: -1px; }
notebook > header.top > tabs > tab:checked { box-shadow: inset 1px 1px #212425, inset -1px 0 #212425; }
notebook > header.bottom { border-top-style: solid; }
-notebook > header.bottom > tabs { margin-top: -2px; }
+notebook > header.bottom > tabs { margin-top: -1px; }
notebook > header.bottom > tabs > tab:checked { box-shadow: inset 1px -1px #212425, inset -1px 0 #212425; }
notebook > header.left { border-right-style: solid; }
-notebook > header.left > tabs { margin-right: -2px; }
+notebook > header.left > tabs { margin-right: -1px; }
notebook > header.left > tabs > tab:checked { box-shadow: inset 1px 1px #212425, inset 0 -1px #212425; }
notebook > header.right { border-left-style: solid; }
-notebook > header.right > tabs { margin-left: -2px; }
+notebook > header.right > tabs { margin-left: -1px; }
notebook > header.right > tabs > tab:checked { box-shadow: inset -1px 1px #212425, inset 0 -1px #212425; }
@@ -955,7 +953,7 @@ scrollbar.vertical { background-image: linear-gradient(to right, #242628, #292c2
scrollbar.horizontal { background-image: linear-gradient(to bottom, #242628, #292c2d); }
-scrollbar slider { min-width: 14px; min-height: 14px; margin: -1px; border: 1px solid transparent; border-radius: 14px; background-clip: padding-box; background-color: #a5a6a7; transition: background-color 250ms; }
+scrollbar slider { min-width: 14px; min-height: 14px; margin: -1px; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #a5a6a7; transition: background-color 250ms; }
scrollbar slider:hover { background-color: #cdcecf; }
@@ -975,7 +973,7 @@ scrollbar.fine-tune slider { min-width: 6px; min-height: 6px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
-scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 6px; min-height: 6px; background-color: #f6f6f7; border: 0px solid black; }
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 6px; min-height: 6px; background-color: #f6f6f7; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 14px; min-height: 14px; background-color: transparent; background-clip: padding-box; border-radius: 0; border: 0px solid transparent; -gtk-icon-source: none; }
@@ -1675,7 +1673,7 @@ messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 2px rgba(0,
.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #2b2e30, inset 0 1px rgba(246, 246, 247, 0.5); }
-headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 2px; min-width: 0; min-height: 20px; margin: 0 2px; }
+headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 6px; min-width: 0; min-height: 20px; margin: 0 4px; }
.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.571765); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.571765); }
@@ -1779,37 +1777,37 @@ popover.emoji-completion .emoji:hover { background: #373b3d; }
@define-color wm_button_active_color_c shade(#2b2e30, 0.9);
@define-color content_view_bg #383b3d;
@define-color text_view_bg #292c2d;
-.ssd .titlebar.default-decoration button.titlebutton, headerbar button.titlebutton, .titlebar button.titlebutton { min-width: 20px; min-height: 20px; padding: 0; margin: 2px; border-radius: 99px; border: none; box-shadow: none; }
+.ssd .titlebar.default-decoration button.titlebutton, headerbar button.titlebutton, .titlebar button.titlebutton { min-width: 20px; min-height: 20px; padding: 0; margin: 2px; border-radius: 99px; box-shadow: none; }
.ssd .titlebar.default-decoration button.titlebutton, headerbar button.titlebutton, .titlebar button.titlebutton, headerbar button.titlebutton:active { background-color: transparent; }
headerbar button.titlebutton.close, .titlebar button.titlebutton.close, headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize, headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; box-shadow: none; transition-property: background-color; }
-headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); }
+headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-close-dark.png"), url("assets/ztwo-titlebutton-close-dark@2.png")); }
-headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); }
+headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-close-backdrop-dark.png"), url("assets/ztwo-titlebutton-close-backdrop-dark@2.png")); }
-headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); }
+headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-close-hover-dark.png"), url("assets/ztwo-titlebutton-close-hover-dark@2.png")); }
-headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); }
+headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-close-active-dark.png"), url("assets/ztwo-titlebutton-close-active-dark@2.png")); }
-headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
+headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-maximize-dark.png"), url("assets/ztwo-titlebutton-maximize-dark@2.png")); }
-headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
+headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-maximize-backdrop-dark.png"), url("assets/ztwo-titlebutton-maximize-backdrop-dark@2.png")); }
-headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
+headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-maximize-hover-dark.png"), url("assets/ztwo-titlebutton-maximize-hover-dark@2.png")); }
-headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
+headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-maximize-active-dark.png"), url("assets/ztwo-titlebutton-maximize-active-dark@2.png")); }
-headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
+headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-minimize-dark.png"), url("assets/ztwo-titlebutton-minimize-dark@2.png")); }
-headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
+headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-minimize-backdrop-dark.png"), url("assets/ztwo-titlebutton-minimize-backdrop-dark@2.png")); }
-headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
+headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-minimize-hover-dark.png"), url("assets/ztwo-titlebutton-minimize-hover-dark@2.png")); }
-headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
+headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-minimize-active-dark.png"), url("assets/ztwo-titlebutton-minimize-active-dark@2.png")); }
-.ssd .titlebar { border-color: rgba(33, 36, 37, 0.7); background: #35383b; background-image: linear-gradient(to bottom, #43484b, #35383b); box-shadow: inset 0 1px rgba(246, 246, 247, 0.1), inset 0 0 transparent; border-width: 0; padding: 2px 4px; }
+.ssd .titlebar { border-color: rgba(33, 36, 37, 0.7); background: #35383b; box-shadow: inset 0 1px rgba(246, 246, 247, 0.1), inset 0 0 transparent; border-width: 0; padding: 2px 4px; }
switch { margin: 4px 0; padding: 0; border-radius: 99px; border-width: 0; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); }
@@ -1971,6 +1969,8 @@ XfdesktopIconView.view .rubberband { border-radius: 0; }
.caja-notebook .frame { border-width: 0 0 1px; }
+.nautilus-window { border-radius: 7px 7px 0 0; }
+
.nautilus-window searchbar { border-top: 1px solid #212425; }
.nautilus-window .searchbar-container { margin-top: -1px; }
diff --git a/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo-dark.scss b/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo-dark.scss
new file mode 100644
index 0000000..5c24289
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo-dark.scss
@@ -0,0 +1,15 @@
+// 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
+// - if you need to inverse a color function use the @if directive to match for dark $variant
+
+$variant: 'dark';
+$alt_header: 'false';
+$zukitwo: 'true';
+
+@import 'colors';
+@import 'drawing';
+@import 'common';
+@import 'colors-public';
+@import 'custom';
diff --git a/gtk/src/Zukitwo/gtk-3.0/gtk.css b/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo.css
similarity index 98%
rename from gtk/src/Zukitwo/gtk-3.0/gtk.css
rename to gtk/src/Zukitre/gtk-3.0/gtk-zukitwo.css
index 450d84c..174594c 100644
--- a/gtk/src/Zukitwo/gtk-3.0/gtk.css
+++ b/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo.css
@@ -1,4 +1,4 @@
-* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 1px; -gtk-secondary-caret-color: #4a79c7; }
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #4a79c7; }
.background { color: #2c2c2c; background-color: #d6d6d6; }
@@ -565,7 +565,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.inline-toolbar { border-style: solid; border-color: #b0b0b0; background-color: #cbcbcb; }
-.titlebar:not(headerbar), headerbar { padding: 0 4px; min-height: 38px; border-width: 0 0 1px; border-style: solid; border-color: #b0b0b0; border-radius: 0; background: #d6d6d6; background-image: linear-gradient(to bottom, #e5e5e5, #d6d6d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -1px rgba(255, 255, 255, 0.3); }
+.titlebar:not(headerbar), headerbar { padding: 0 4px; min-height: 38px; border-width: 0 0 1px; border-style: solid; border-color: #b0b0b0; border-radius: 0; background: #d6d6d6; box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -1px rgba(255, 255, 255, 0.3); }
.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-image: none; }
@@ -573,7 +573,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
-.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #2e5596; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #4a79c7; background-image: linear-gradient(to bottom, #618ace, #4a79c7); box-shadow: inset 0 1px #a5bce3, inset 0 -1px rgba(255, 255, 255, 0.3); }
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #2e5596; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #4a79c7; box-shadow: inset 0 1px #a5bce3, inset 0 -1px rgba(255, 255, 255, 0.3); }
.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #4a79c7; background-image: none; box-shadow: inset 0 1px #b7c9e9; }
@@ -825,9 +825,7 @@ popover.background separator { margin: 3px; }
popover.background list separator { margin: 0px; }
-notebook > header { padding: 1px; border-color: #b0b0b0; border-width: 1px; background-color: #c3c3c3; }
-
-notebook > header.top, notebook > header.bottom { background-image: linear-gradient(to bottom, #c3c3c3, #d2d2d2); box-shadow: inset 0 1px rgba(176, 176, 176, 0.35); }
+notebook > header { padding: 1px; border-color: #b0b0b0; border-width: 1px; background-color: #c3c3c3; background-image: linear-gradient(to bottom, #c3c3c3, #d2d2d2); box-shadow: inset 0 1px rgba(176, 176, 176, 0.35); }
notebook > header tabs { margin: 0px; }
@@ -835,25 +833,25 @@ notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > ta
notebook > header.top { border-bottom-style: solid; }
-notebook > header.top > tabs { margin-bottom: -2px; }
+notebook > header.top > tabs { margin-bottom: -1px; }
notebook > header.top > tabs > tab:checked { box-shadow: inset 1px 1px #b0b0b0, inset -1px 0 #b0b0b0; }
notebook > header.bottom { border-top-style: solid; }
-notebook > header.bottom > tabs { margin-top: -2px; }
+notebook > header.bottom > tabs { margin-top: -1px; }
notebook > header.bottom > tabs > tab:checked { box-shadow: inset 1px -1px #b0b0b0, inset -1px 0 #b0b0b0; }
notebook > header.left { border-right-style: solid; }
-notebook > header.left > tabs { margin-right: -2px; }
+notebook > header.left > tabs { margin-right: -1px; }
notebook > header.left > tabs > tab:checked { box-shadow: inset 1px 1px #b0b0b0, inset 0 -1px #b0b0b0; }
notebook > header.right { border-left-style: solid; }
-notebook > header.right > tabs { margin-left: -2px; }
+notebook > header.right > tabs { margin-left: -1px; }
notebook > header.right > tabs > tab:checked { box-shadow: inset -1px 1px #b0b0b0, inset 0 -1px #b0b0b0; }
@@ -963,7 +961,7 @@ scrollbar.vertical { background-image: linear-gradient(to right, #aaaaaa, #b4b4b
scrollbar.horizontal { background-image: linear-gradient(to bottom, #aaaaaa, #b4b4b4); }
-scrollbar slider { min-width: 14px; min-height: 14px; margin: -1px; border: 1px solid transparent; border-radius: 14px; background-clip: padding-box; background-color: #707070; transition: background-color 250ms; }
+scrollbar slider { min-width: 14px; min-height: 14px; margin: -1px; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #707070; transition: background-color 250ms; }
scrollbar slider:hover { background-color: #4e4e4e; }
@@ -983,7 +981,7 @@ scrollbar.fine-tune slider { min-width: 6px; min-height: 6px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
-scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 6px; min-height: 6px; background-color: #2c2c2c; border: 0px solid white; }
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 6px; min-height: 6px; background-color: #2c2c2c; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 14px; min-height: 14px; background-color: transparent; background-clip: padding-box; border-radius: 0; border: 0px solid transparent; -gtk-icon-source: none; }
@@ -1685,7 +1683,7 @@ messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 2px rgba(0,
.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #d6d6d6, inset 0 1px white; }
-headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 2px; min-width: 0; min-height: 20px; margin: 0 2px; }
+headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 6px; min-width: 0; min-height: 20px; margin: 0 4px; }
.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.571765); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.571765); }
@@ -1789,37 +1787,37 @@ popover.emoji-completion .emoji:hover { background: #e3e3e3; }
@define-color wm_button_active_color_c shade(#d6d6d6, 0.9);
@define-color content_view_bg #F7F7F7;
@define-color text_view_bg #F7F7F7;
-.ssd .titlebar.default-decoration button.titlebutton, headerbar button.titlebutton, .titlebar button.titlebutton { min-width: 20px; min-height: 20px; padding: 0; margin: 2px; border-radius: 99px; border: none; box-shadow: none; }
+.ssd .titlebar.default-decoration button.titlebutton, headerbar button.titlebutton, .titlebar button.titlebutton { min-width: 20px; min-height: 20px; padding: 0; margin: 2px; border-radius: 99px; box-shadow: none; }
.ssd .titlebar.default-decoration button.titlebutton, headerbar button.titlebutton, .titlebar button.titlebutton, headerbar button.titlebutton:active { background-color: transparent; }
headerbar button.titlebutton.close, .titlebar button.titlebutton.close, headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize, headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; box-shadow: none; transition-property: background-color; }
-headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); }
+headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-close.png"), url("assets/ztwo-titlebutton-close@2.png")); }
-headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); }
+headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-close-backdrop.png"), url("assets/ztwo-titlebutton-close-backdrop@2.png")); }
-headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); }
+headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-close-hover.png"), url("assets/ztwo-titlebutton-close-hover@2.png")); }
-headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); }
+headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-close-active.png"), url("assets/ztwo-titlebutton-close-active@2.png")); }
-headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
+headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-maximize.png"), url("assets/ztwo-titlebutton-maximize@2.png")); }
-headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
+headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-maximize-backdrop.png"), url("assets/ztwo-titlebutton-maximize-backdrop@2.png")); }
-headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
+headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-maximize-hover.png"), url("assets/ztwo-titlebutton-maximize-hover@2.png")); }
-headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
+headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-maximize-active.png"), url("assets/ztwo-titlebutton-maximize-active@2.png")); }
-headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
+headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-minimize.png"), url("assets/ztwo-titlebutton-minimize@2.png")); }
-headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
+headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-minimize-backdrop.png"), url("assets/ztwo-titlebutton-minimize-backdrop@2.png")); }
-headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
+headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-minimize-hover.png"), url("assets/ztwo-titlebutton-minimize-hover@2.png")); }
-headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
+headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/ztwo-titlebutton-minimize-active.png"), url("assets/ztwo-titlebutton-minimize-active@2.png")); }
-.ssd .titlebar { background: #d6d6d6; background-image: linear-gradient(to bottom, #e5e5e5, #d6d6d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 0 transparent; border-width: 0; padding: 2px 4px; }
+.ssd .titlebar { background: #d6d6d6; box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 0 transparent; border-width: 0; padding: 2px 4px; }
switch { margin: 4px 0; padding: 0; border-radius: 99px; border-width: 0; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); }
@@ -1987,6 +1985,8 @@ XfdesktopIconView.view .rubberband { border-radius: 0; }
.caja-notebook .frame { border-width: 0 0 1px; }
+.nautilus-window { border-radius: 7px 7px 0 0; }
+
.nautilus-window searchbar { border-top: 1px solid #b0b0b0; }
.nautilus-window .searchbar-container { margin-top: -1px; }
diff --git a/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo.scss b/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo.scss
new file mode 100644
index 0000000..c8f75db
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-3.0/gtk-zukitwo.scss
@@ -0,0 +1,15 @@
+// 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
+// - if you need to inverse a color function use the @if directive to match for dark $variant
+
+$variant: 'light';
+$alt_header: 'false';
+$zukitwo: 'true';
+
+@import 'colors';
+@import 'drawing';
+@import 'common';
+@import 'colors-public';
+@import 'custom';
diff --git a/gtk/src/Zukitre/gtk-3.0/gtk.css b/gtk/src/Zukitre/gtk-3.0/gtk.css
index 77cc60c..b6bd150 100644
--- a/gtk/src/Zukitre/gtk-3.0/gtk.css
+++ b/gtk/src/Zukitre/gtk-3.0/gtk.css
@@ -825,9 +825,7 @@ popover.background separator { margin: 3px; }
popover.background list separator { margin: 0px; }
-notebook > header { padding: 1px; border-color: #b0b0b0; border-width: 0px; background-color: #c3c3c3; }
-
-notebook > header.top, notebook > header.bottom { box-shadow: inset 0 2px rgba(176, 176, 176, 0.35), inset 0 -1px rgba(0, 0, 0, 0.08); }
+notebook > header { padding: 1px; border-color: #b0b0b0; border-width: 0; background-color: #c3c3c3; box-shadow: inset 0 2px rgba(176, 176, 176, 0.35), inset 0 -1px rgba(0, 0, 0, 0.08); }
notebook > header tabs { margin: 0px; }
@@ -959,7 +957,7 @@ scrollbar.left { border-right: 0px solid #b0b0b0; }
scrollbar.right { border-left: 0px solid #b0b0b0; }
-scrollbar slider { min-width: 14px; min-height: 14px; margin: 0; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #707070; transition: background-color 250ms; }
+scrollbar slider { min-width: 14px; min-height: 14px; margin: 0px; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #707070; transition: background-color 250ms; }
scrollbar slider:hover { background-color: #4e4e4e; }
@@ -1421,7 +1419,7 @@ calendar:backdrop { color: #313131; border-color: #b7b7b7; }
calendar:indeterminate { color: alpha(currentColor,0.1); }
-messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #d6d6d6; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #d6d6d6; border-style: none; border-top-left-radius: 3px; border-top-right-radius: 3px; }
messagedialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
@@ -1991,6 +1989,8 @@ XfdesktopIconView.view .rubberband { border-radius: 0; }
.caja-notebook .frame { border-width: 0 0 1px; }
+.nautilus-window { border-radius: 3px 3px 0 0; }
+
.nautilus-window searchbar { border-top: 1px solid #b0b0b0; }
.nautilus-window .searchbar-container { margin-top: -1px; }
diff --git a/gtk/src/Zukitre/gtk-3.0/gtk.scss b/gtk/src/Zukitre/gtk-3.0/gtk.scss
index 6c00177..9703bcd 100644
--- a/gtk/src/Zukitre/gtk-3.0/gtk.scss
+++ b/gtk/src/Zukitre/gtk-3.0/gtk.scss
@@ -6,6 +6,7 @@
$variant: 'light';
$alt_header: 'false';
+$zukitwo: 'false';
@import 'colors';
@import 'drawing';
diff --git a/gtk/src/Zukitre/gtk-3.0/meson.build b/gtk/src/Zukitre/gtk-3.0/meson.build
index f9f908e..6b1bca4 100644
--- a/gtk/src/Zukitre/gtk-3.0/meson.build
+++ b/gtk/src/Zukitre/gtk-3.0/meson.build
@@ -6,6 +6,8 @@ gtk3_dir = join_paths(theme_dir, 'gtk-3.0')
gtk3_scss_sources = [
'gtk',
'gtk-dark',
+ 'gtk-zukitwo',
+ 'gtk-zukitwo-dark',
]
# Dependencies of the files that need to be compiled
diff --git a/gtk/src/Zukitre/gtk-3.0/parse-sass.sh b/gtk/src/Zukitre/gtk-3.0/parse-sass.sh
index 378751c..b3ef295 100644
--- a/gtk/src/Zukitre/gtk-3.0/parse-sass.sh
+++ b/gtk/src/Zukitre/gtk-3.0/parse-sass.sh
@@ -11,3 +11,5 @@ echo Generating the css...
sassc $SASSC_OPT gtk.scss gtk.css
sassc $SASSC_OPT gtk-dark.scss gtk-dark.css
+sassc $SASSC_OPT gtk-zukitwo.scss gtk-zukitwo.css
+sassc $SASSC_OPT gtk-zukitwo-dark.scss gtk-zukitwo-dark.css
diff --git a/gtk/src/Zukitre/gtk-3.0/render-assets.sh b/gtk/src/Zukitre/gtk-3.0/render-assets.sh
index 4023a5e..6e7660c 100644
--- a/gtk/src/Zukitre/gtk-3.0/render-assets.sh
+++ b/gtk/src/Zukitre/gtk-3.0/render-assets.sh
@@ -1,7 +1,7 @@
#! /bin/bash
-# INKSCAPE="flatpak run org.inkscape.Inkscape"
-INKSCAPE="/usr/bin/inkscape" # comment this line and uncomment the above line if you're using a flatpak install of inkscape
+INKSCAPE="flatpak run org.inkscape.Inkscape"
+# INKSCAPE="/usr/bin/inkscape" # comment this line and uncomment the above line if you're using a flatpak install of inkscape
OPTIPNG="/usr/bin/optipng"
INDEX="assets.txt"
diff --git a/gtk/src/Zukitre/gtk-4.0/README b/gtk/src/Zukitre/gtk-4.0/README
new file mode 100644
index 0000000..0588bcf
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/README
@@ -0,0 +1,37 @@
+Summary
+-------
+
+* To be able to use the latest/adequate version of sass, install sassc
+* meson will regenerate the CSS every time you modify the SCSS files.
+* Note that meson always builds out-of-tree, so the modified css files will
+ appear in your builddir.
+
+How to tweak the theme
+----------------------
+
+Adwaita is a complex theme, so to keep it maintainable it's written and
+processed in SASS. The generated CSS is then transformed into a gresource file
+during gtk build and used at runtime in a non-legible or editable form.
+
+It is very likely your change will happen in the _common.scss file. That's where
+all the widget selectors are defined. Here's a rundown of the "supporting"
+stylesheets, that are unlikely to be the right place for a drive by stylesheet
+fix:
+
+_colors.scss - global color definitions. We keep the number of defined
+ colors to a necessary minimum, most colors are derived
+ from a handful of basics. It covers both the light variant
+ and the dark variant.
+
+_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party
+ apps color mixing.
+
+_drawing.scss - drawing helper mixings/functions to allow easier
+ definition of widget drawing under specific context. This
+ is why Adwaita isn't 15000 LOC.
+
+_common.scss - actual definitions of style for each widget. This is
+ where you are likely to add/remove your changes.
+
+You can read about SASS at http://sass-lang.com/documentation/. Once you make
+your changes to the _common.scss file, GTK will rebuild the CSS files.
diff --git a/gtk/src/Zukitwo/gtk-3.0/_colors-public.scss b/gtk/src/Zukitre/gtk-4.0/_colors-public.scss
similarity index 65%
rename from gtk/src/Zukitwo/gtk-3.0/_colors-public.scss
rename to gtk/src/Zukitre/gtk-4.0/_colors-public.scss
index 99d5e1c..3b638e2 100644
--- a/gtk/src/Zukitwo/gtk-3.0/_colors-public.scss
+++ b/gtk/src/Zukitre/gtk-4.0/_colors-public.scss
@@ -1,66 +1,84 @@
//apps rely on some named colors to be exported
-// GTK NAMED COLORS
-// ----------------
-// use responsibly!
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
// 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
-
-// widget text/foreground color
+/*
+widget text/foreground color */
@define-color theme_fg_color #{"" +$fg_color};
-// text color for entries, views and content in general
+/*
+text color for entries, views and content in general */
@define-color theme_text_color #{"" +$text_color};
-//widget base background color
+/*
+widget base background color */
@define-color theme_bg_color #{"" +$bg_color};
-// text widgets and the like base background color
+/*
+text widgets and the like base background color */
@define-color theme_base_color #{"" +$base_color};
-// base background color of selections
+/*
+base background color of selections */
@define-color theme_selected_bg_color #{"" +$selected_bg_color};
-// text/foreground color of selections
+/*
+text/foreground color of selections */
@define-color theme_selected_fg_color #{"" +$selected_fg_color};
-// base background color of insensitive widgets
+/*
+base background color of insensitive widgets */
@define-color insensitive_bg_color #{"" +$insensitive_bg_color};
-// text foreground color of insensitive widgets
+/*
+text foreground color of insensitive widgets */
@define-color insensitive_fg_color #{"" +$insensitive_fg_color};
-// insensitive text widgets and the like base background color
+/*
+insensitive text widgets and the like base background color */
@define-color insensitive_base_color #{"" +$base_color};
-// widget text/foreground color on backdrop windows
+/*
+widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color};
-// text color for entries, views and content in general on backdrop windows
+/*
+text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #{"" +$text_color};
-// widget base background color on backdrop windows
+/*
+widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color};
-// text widgets and the like base background color on backdrop windows
+/*
+text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #{"" +$backdrop_base_color};
-// base background color of selections on backdrop windows
+/*
+base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color};
-// text/foreground color of selections on backdrop windows
+/*
+text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color};
-// insensitive color on backdrop windows
+/*
+insensitive color on backdrop windows*/
@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color};
-// widgets main borders color
+/*
+widgets main borders color */
@define-color borders #{"" +$borders_color};
-// widgets main borders color on backdrop windows
+/*
+widgets main borders color on backdrop windows */
@define-color unfocused_borders #{"" +$backdrop_borders_color};
-// these are pretty self explicative
+/*
+these are pretty self explicative */
@define-color warning_color #{"" +$warning_color};
@define-color error_color #{"" +$error_color};
@define-color success_color #{"" +$success_color};
@@ -72,8 +90,9 @@ $_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is
transparentize(black,1)); // done directly in the
// color definition
-//these colors are exported for the window manager and shouldn't be used in applications,
-//read if you used those and something break with a version upgrade you're on your own...
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title shade(#{$fg_color}, 1.8);
@define-color wm_unfocused_title #{$backdrop_fg_color};
@define-color wm_highlight #{"" + $_wm_highlight};
@@ -93,8 +112,8 @@ $_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is
//FIXME this is really an API
-// content view background such as thumbnails view in Photos or Boxes
+/* content view background such as thumbnails view in Photos or Boxes */
@define-color content_view_bg #{"" + $base_color};
-// Very contrasty background for text views (@theme_text_color foreground)
+/* Very contrasty background for text views (@theme_text_color foreground) */
@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))};
diff --git a/gtk/src/Zukitwo/gtk-3.0/_colors.scss b/gtk/src/Zukitre/gtk-4.0/_colors.scss
similarity index 80%
rename from gtk/src/Zukitwo/gtk-3.0/_colors.scss
rename to gtk/src/Zukitre/gtk-4.0/_colors.scss
index 0902b33..e3d1c27 100644
--- a/gtk/src/Zukitwo/gtk-3.0/_colors.scss
+++ b/gtk/src/Zukitre/gtk-4.0/_colors.scss
@@ -16,10 +16,9 @@ $link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($s
$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
$top_hilight: $borders_edge;
$dark_fill: if($variant == 'light', mix($borders_color, $bg_color, 50%), darken($base_color, 4%));
-$headerbar_color: if($variant == 'light', $bg_color, lighten($bg_color, 4%));
+$headerbar_bg_color: if($variant == 'light', $bg_color, lighten($bg_color, 4%));
$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%));
-$popover_bg_color: $bg_color;
-$popover_hover_color: lighten($bg_color, 5%);
+$menu_selected_color: if($variant == 'light', darken($bg_color, 6%), darken($bg_color, 8%));
$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%));
$scrollbar_slider_color: mix($fg_color, $bg_color, 60%);
@@ -31,7 +30,7 @@ $error_color: #cc0000;
$success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%));
$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
-$osd_fg_color: #eeeeec;
+$osd_fg_color: #f6f6f7;
$osd_text_color: white;
$osd_bg_color: if($variant == 'light', transparentize(darken(desaturate(#3d3846, 100%), 4%),0.3), transparentize(darken(desaturate(#3d3846, 100%), 10%),0.3));
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
@@ -39,16 +38,15 @@ $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
$osd_borders_color: transparentize(black, 0.3);
$sidebar_bg_color: mix($bg_color, $base_color, 50%);
-$base_hover_color: transparentize($fg_color, 0.95);
$tooltip_borders_color: transparentize(white, 0.9);
$shadow_color: transparentize(black, 0.9);
-$drop_target_color: #4e9a06;
+$drop_target_color: $selected_bg_color;
//insensitive state derived colors
$insensitive_fg_color: mix($fg_color, $bg_color, 60%);
-$insensitive_bg_color: mix($bg_color, $base_color, 60%);
+$insensitive_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 90%), mix($bg_color, $base_color, 60%));
$insensitive_borders_color: $borders_color;
//colors for the backdrop state, derived from the main colors.
@@ -60,21 +58,20 @@ $backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color,
$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color);
$backdrop_borders_color: mix($borders_color, $bg_color, 80%);
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
-$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
-
-$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%);
-$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%);
-
-$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%));
//special cased widget colors
$suggested_bg_color: $selected_bg_color;
$suggested_border_color: $selected_borders_color;
$progress_bg_color: $selected_bg_color;
$progress_border_color: $selected_borders_color;
-$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
+$checkradio_bg_color: $selected_bg_color;
$checkradio_fg_color: $selected_fg_color;
-$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));
+$checkradio_borders_color: if($variant == 'light',darken($selected_bg_color,10%),darken($selected_bg_color,20%));
+$switch_bg_color: $selected_bg_color;
+$switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darken($switch_bg_color,30%));
+$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3));
+$alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7));
+$dim_label_opacity: 0.55;
//custom theme colors
$close_button: transparent;
diff --git a/gtk/src/Zukitwo/gtk-3.0/_common.scss b/gtk/src/Zukitre/gtk-4.0/_common.scss
similarity index 51%
rename from gtk/src/Zukitwo/gtk-3.0/_common.scss
rename to gtk/src/Zukitre/gtk-4.0/_common.scss
index 7b91f48..4b42c39 100644
--- a/gtk/src/Zukitwo/gtk-3.0/_common.scss
+++ b/gtk/src/Zukitre/gtk-4.0/_common.scss
@@ -6,13 +6,15 @@ $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$asset_suffix: if($variant=='dark', '-dark', '');
$backdrop_transition: none;
$button_transition: all 100ms $ease-out-quad;
-$button_radius: 3px;
-$menu_radius: 0;
-$window_radius: 7px;
+$focus_transition: outline-width 100ms $ease-out-quad, outline-offset 100ms $ease-out-quad;
+$button_radius: if($zukitwo=='false', 1px, 3px);
+$menu_radius: 0px;
+$menu_margin: 0px; //margin around menuitems & sidebar items
+$window_radius: if($zukitwo=='false', 3px, 7px);
$popover_radius: $window_radius;
-// Optional compact sizes for buttons, headerbar and headerbar widgets
-$_sizevariant: 'default'; //compact otherwise
+// Custom Optional compact sizes for buttons, headerbar and headerbar widgets
+$_sizevariant: 'default'; //default or compact
$_headerbar_height: if($_sizevariant=='default', 38px, 34px);
$_entry_height: if($_sizevariant=='default', 24px, 24px);
$_btn_pad: if($_sizevariant=='default', 4px 4px, 2px 3px);
@@ -26,6 +28,7 @@ $_switch_margin: if($_sizevariant=='default', 4px, 4px); // custom theme note: S
// custom variables
$titlebutton_size: 20px;
+$csd_title_height: 28px;
// duration
$shortest_duration: 50ms;
$shorter_duration: 100ms;
@@ -38,40 +41,6 @@ $ease-out: cubic-bezier(0, 0, .2, 1);
$ease-in: cubic-bezier(.4, 0, 1, 1);
$ease-in-out: cubic-bezier(.4, 0, .6, 1);
-* {
- padding: 0;
- -GtkToolButton-icon-spacing: 4;
- -GtkTextView-error-underline-color: $error_color;
-
- // 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;
-
- -GtkToolItemGroup-expander-size: 11;
-
- -GtkWidget-text-handle-width: 20;
- -GtkWidget-text-handle-height: 24;
-
- -GtkDialog-button-spacing: 4;
- -GtkDialog-action-area-border: 0;
-
- // 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: gtkalpha(currentColor, 0.3);
- outline-style: dashed;
- outline-offset: -3px;
- outline-width: 1px;
- -gtk-outline-radius: $button_radius - 2;
-
- -gtk-secondary-caret-color: $selected_bg_color
-}
-
-
//-------------//
// Base States //
//-------------//
@@ -80,58 +49,31 @@ $ease-in-out: cubic-bezier(.4, 0, .6, 1);
background-color: $bg_color;
&:backdrop {
- color: $backdrop_fg_color;
- background-color: $backdrop_bg_color;
text-shadow: none;
-gtk-icon-shadow: none;
}
}
-//
-// 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.
-//
-
-*:disabled { -gtk-icon-effect: dim; }
-
-.gtkstyle-fallback {
- color: $fg_color;
- background-color: $bg_color;
-
- &:hover {
- color: $fg_color;
- background-color: lighten($bg_color, 10%);
- }
+dnd {
+ color: $fg-color;
+}
- &:active {
- color: $fg_color;
- background-color: darken($bg_color, 10%);
- }
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
- &:disabled {
- color: $insensitive_fg_color;
- background-color: $insensitive_bg_color;
- }
+.large-icons {
+ -gtk-icon-size: 32px;
+}
- &:selected {
- color: $selected_fg_color;
- background-color: $selected_bg_color;
- }
+image:disabled {
+ -gtk-icon-filter: opacity(0.5);
}
.view,
%view {
color: $text_color;
background-color: $base_color;
- &:hover, &:backdrop:hover { background-color: darken($base_color, 6%); } // Custom style
-
- &:backdrop {
- color: $backdrop_text_color;
- background-color: $backdrop_base_color;
- &:disabled { color: $backdrop_insensitive_color; }
- }
&:disabled {
color: $insensitive_fg_color;
@@ -139,56 +81,96 @@ $ease-in-out: cubic-bezier(.4, 0, .6, 1);
}
&:selected {
- &:focus, & { @extend %selected_items; }
+ &:focus, & {
+ @extend %selected_items;
+
+ border-radius: $button_radius;
+ }
}
}
-.view,
textview {
- text {
+ > text {
@extend %view;
- selection { &:focus, & { @extend %selected_items; }}
+ > selection { &:focus, & { @extend %selected_items; }}
+ }
+
+ &:drop(active) {
+ caret-color: $drop_target_color;
}
}
-textview border { background-color: mix($bg_color, $base_color, 50%); }
+textview > border { background-color: mix($bg_color, $base_color, 50%); }
-iconview { @extend .view; }
+iconview {
+ @extend .view;
+
+ @include focus-ring();
+
+ &:drop(active) {
+ box-shadow: none;
+ }
+
+ > dndtarget:drop(active) {
+ border-style: solid;
+ border-width: 1px;
+ border-color: $selected_borders_color;
+ }
+}
-.rubberband,
rubberband {
border: 1px solid darken($selected_bg_color, 10%);
background-color: transparentize(darken($selected_bg_color, 10%), 0.8);
}
flowbox {
- rubberband { @extend rubberband; }
+ > rubberband { @extend rubberband; }
- flowboxchild {
+ > flowboxchild {
padding: 3px;
+ transition: $focus_transition;
+
+ @include focus-ring();
&:selected {
- @extend %selected_items;
+ outline-color: $alt_focus_border_color;
- outline-offset: -2px;
+ @extend %selected_items;
}
}
}
-.content-view .tile {
- margin: 2px;
- background-color: if($variant=='light', transparent, black);
- border-radius: 0;
- padding: 0;
+gridview {
+ > rubberband { @extend rubberband; }
+
+ > child {
+ padding: 3px;
+ transition: $focus_transition;
+
+ @include focus-ring();
+
+ &:selected {
+ outline-color: $alt_focus_border_color;
+
+ @extend %selected_items;
+ }
+
+ box { //cells
+ border-spacing: 8px; //label separation
+ margin: 12px;
+ }
+ }
+}
- &:backdrop { background-color: if($variant=='light', transparent, darken($backdrop_base_color,5%)); }
- &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); }
- &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); }
+coverflow cover {
+ color: $text_color;
+ background-color: $base_color;
+ border: 1px solid black;
}
label {
- caret-color: currentColor; // this shouldn't be needed.
+ @include focus-ring();
&.separator {
@extend .dim-label;
@@ -196,7 +178,7 @@ label {
&:selected { @extend %nobg_selected_items; }
- selection {
+ > selection {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
@@ -206,47 +188,41 @@ label {
button & { color: inherit; }
- &:backdrop {
- color: $backdrop_insensitive_color;
-
- button & { color: inherit; }
- }
-
- selection { @extend %selected_items_disabled; }
- }
-
- &:backdrop {
- selection { @extend %selected_items_backdrop; }
+ > selection { @extend %selected_items_disabled; }
}
&.error {
- color: $error_color;
- &:disabled { color: transparentize($error_color,0.5); }
- &:disabled:backdrop { color: transparentize($error_color,0.6); }
+ color: $error_color;
+ &:disabled { color: transparentize($error_color,0.5); }
}
}
.dim-label {
- opacity: 0.55;
+ opacity: $dim_label_opacity;
text-shadow: none;
}
-assistant {
+window.assistant {
.sidebar {
- background-color: $base_color;
+ padding: $menu-margin;
border-top: 1px solid $borders_color;
-
- &:backdrop {
- background-color: $backdrop_base_color;
- border-color: $backdrop_borders_color;
- }
}
&.csd .sidebar { border-top-style: none; }
- .sidebar label { padding: 6px 12px; }
+ .sidebar > label {
+ padding: 6px 12px;
+ }
+
+ .sidebar > label.highlight {
+ background-color: $selected_bg_color; //$menu_selected_color;
+ color: $selected_fg_color;
+ border-radius: 0; //$menu-margin;
+ }
+}
- .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); }
+window.aboutdialog image.large-icons {
+ -gtk-icon-size: 128px;
}
%osd,
@@ -255,25 +231,19 @@ assistant {
border: none;
background-color: $osd_bg_color;
background-clip: padding-box;
- text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- &:backdrop {
- text-shadow: none;
- -gtk-icon-shadow: none;
- }
}
//-------------------//
// Spinner Animation //
//-------------------//
@keyframes spin {
- to { -gtk-icon-transform: rotate(1turn); }
+ to { transform: rotate(1turn); }
}
spinner {
background: none;
- &:backdrop { color: $backdrop_fg_color; }
opacity: 0; // non spinning spinner makes no sense
-gtk-icon-source: -gtk-icontheme('process-working-symbolic');
@@ -290,40 +260,40 @@ spinner {
//--------------------//
.large-title {
- font-weight: 300;
- font-size: 24pt;
+ font-weight: 300;
+ font-size: 24pt;
}
.title-1 {
- font-weight: 800;
- font-size: 20pt;
+ font-weight: 800;
+ font-size: 20pt;
}
.title-2 {
- font-weight: 800;
- font-size: 15pt;
+ font-weight: 800;
+ font-size: 15pt;
}
.title-3 {
- font-weight: 700;
- font-size: 15pt;
+ font-weight: 700;
+ font-size: 15pt;
}
.title-4 {
- font-weight: 700;
- font-size: 13pt;
+ font-weight: 700;
+ font-size: 13pt;
}
.heading {
- font-weight: 700;
- font-size: 11pt;
+ font-weight: 700;
+ font-size: 11pt;
}
.body {
- font-weight: 400;
- font-size: 11pt;
+ font-weight: 400;
+ font-size: 11pt;
}
.caption-heading {
- font-weight: 700;
- font-size: 9pt;
+ font-weight: 700;
+ font-size: 9pt;
}
.caption {
- font-weight: 400;
- font-size: 9pt;
+ font-weight: 400;
+ font-size: 9pt;
}
//--------------//
@@ -338,17 +308,28 @@ entry {
padding-right: 8px;
border: 1px solid;
border-radius: $button_radius;
+ border-spacing: 6px;
transition: all $short_duration $ease-out-quad;
@include entry(normal);
- image { // icons inside the entry
+ @include focus-ring($focus-state: 'focus-within');
+
+ > image { // icons inside the entry
&.left { margin-right: 6px; }
&.right { margin-left: 6px; }
}
+ > text > placeholder {
+ @extend .dim-label;
+ }
+
+ > text > block-cursor {
+ @include entry(block_cursor);
+ }
+
&.flat {
- &:focus, &:backdrop, &:disabled, &:backdrop:disabled, & {
+ &:focus-within, &:backdrop, &:disabled, &:backdrop:disabled, & {
min-height: 0;
padding: 2px;
background-color: transparent;
@@ -357,35 +338,46 @@ entry {
}
}
- &:focus { @include entry(focus); }
+ &:focus-within {
+ @include entry(focus);
+ > placeholder {
+ opacity: 0; // We hide placeholders on focus
+ }
+ }
&:disabled { @include entry(insensitive); }
- selection { @extend %selected_items; }
+ > text > selection { @extend %selected_items; }
// entry error and warning style
@each $e_type, $e_color in (error, $error_color),
(warning, $warning_color) {
&.#{$e_type} {
color: $e_color;
- border-color: entry_focus_border($e_color);
- &:focus { @include entry(focus, $e_color); }
+ @include focus-ring($focus-state: 'focus-within', $fc: transparentize($e_color, 0.5));
- selection { background-color: $e_color; }
+ &:focus-within { @include entry(focus, $e_color); }
+
+ > selection { background-color: $e_color; }
}
}
- image { // entry icons colors
+ > image { // entry icons colors
color: mix($fg_color, $base_color, 80%);
&:hover { color: $fg_color; }
&:active { color: $selected_bg_color; }
+
+ }
+
+ &.password image.caps-lock-indicator {
+ color: mix($backdrop_fg_color, $backdrop_base_color, 80%);
}
&:drop(active) {
- &:focus, & {
+ &:focus-within, & {
border-color: $drop_target_color;
box-shadow: inset 0 0 0 1px $drop_target_color;
}
@@ -394,37 +386,39 @@ entry {
.osd & {
@include entry(osd);
- &:focus { @include entry(osd-focus); }
+ &:focus-within { @include entry(osd-focus); }
&:disabled { @include entry(osd-insensitive); }
}
}
- progress {
- margin: 2px -6px;
+ > progress {
+ margin-bottom: 2px;
+ }
+
+ progress > trough > progress {
background-color: transparent;
background-image: none;
border-radius: 0;
border-width: 0 0 2px;
- border-color: $progress_bg_color;
+ border-color: $selected_bg_color;
border-style: solid;
box-shadow: none;
- &:backdrop { background-color: transparent; }
}
// linked entries
.linked:not(.vertical) > & { @extend %linked; }
- .linked:not(.vertical) > &:focus + &,
- .linked:not(.vertical) > &:focus + button,
- .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); }
-
- .linked:not(.vertical) > &:focus.error + &,
- .linked:not(.vertical) > &:focus.error + button,
- .linked:not(.vertical) > &:focus.error + combobox > box > button.combo { border-left-color: entry_focus_border($error_color); }
.linked:not(.vertical) > &:drop(active) + &,
.linked:not(.vertical) > &:drop(active) + button,
+ .linked:not(.vertical) > &:drop(active) + menubutton > button,
+ .linked:not(.vertical) > &:drop(active) + dropdown > button,
+ .linked:not(.vertical) > &:drop(active) + colorbutton > button,
+ .linked:not(.vertical) > &:drop(active) + fontbutton > button,
+ .linked:not(.vertical) > &:drop(active) + filechooserbutton > button,
+ .linked:not(.vertical) > &:drop(active) + filechooserbutton > combobox > box > button.combo,
+ .linked:not(.vertical) > &:drop(active) + appchooserbutton > combobox > box > button.combo,
.linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; }
// Vertically linked entries
@@ -442,37 +436,20 @@ entry {
&:disabled + %entry:disabled,
&:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); }
- // color back the top border of a linked focused entry following another entry.
- // :not(:only-child) is a specificity bump hack.
- + %entry:focus:not(:only-child),
- + entry:focus:not(:only-child) { border-top-color: entry_focus_border(); }
-
- + %entry:focus.error:not(:only-child),
- + entry:focus.error:not(:only-child) { border-top-color: entry_focus_border($error_color); }
-
+ %entry:drop(active):not(:only-child),
+ entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; }
- // this takes care of coloring the top border of the focused entry subsequent widget.
- // :not(:only-child) is a specificity bump hack.
- &:focus:not(:only-child) {
- + %entry,
- + entry,
- + button,
- + combobox > box > button.combo { border-top-color: entry_focus_border(); }
- }
-
- &:focus.error:not(:only-child) {
- + %entry,
- + entry,
- + button,
- + combobox > box > button.combo { border-top-color: entry_focus_border($error_color); }
- }
-
&:drop(active):not(:only-child) {
+ %entry,
+ entry,
+ button,
+ + menubutton > button,
+ + dropdown > button,
+ + colorbutton > button,
+ + fontbutton > button,
+ + filechooserbutton > button,
+ + filechooserbutton > combobox > box > button.combo,
+ + appchooserbutton > combobox > box > button.combo,
+ combobox > box > button.combo { border-top-color: $drop_target_color; }
}
}
@@ -481,7 +458,7 @@ entry {
}
treeview entry {
- &:focus {
+ &:focus-within {
&:dir(rtl), &:dir(ltr) { // specificity bump hack
background-color: $base_color;
transition-property: color, background;
@@ -493,61 +470,15 @@ treeview entry {
background-image: none;
background-color: $base_color;
- &:focus { border-color: $selected_bg_color; }
+ &:focus-within { border-color: $selected_bg_color; }
}
}
-.entry-tag {
- // sizing
- padding: 5px;
-
- margin-top: 2px;
- margin-bottom: 2px;
-
- // side margins: compensate the entry padding with a negative margin
- // then the negative margin itself
- :dir(ltr) & {
- margin-left: 8px;
- margin-right: -5px;
- }
- :dir(rtl) & {
- margin-left: -5px;
- margin-right: 8px;
- }
-
- border-style: none;
-
- $_entry_tag_color: if($variant=='light', $selected_fg_color, $base_color);
- color: $_entry_tag_color;
-
- $_entry_tag_bg: if($variant=='light', $selected_bg_color, mix($fg_color, $base_color, 50%));
- background-color: $_entry_tag_bg;
-
- &:hover {
- background-color: lighten($_entry_tag_bg, 10%);
- }
-
- :backdrop & {
- color: $backdrop_base_color;
- background-color: if($variant=='light', $selected_bg_color,
- mix($backdrop_fg_color, $backdrop_base_color, 50%));
- }
-
- &.button {
- background-color: transparent;
- color: transparentize($_entry_tag_color, 0.3);
- }
-
- :not(:backdrop) &.button {
- &:hover {
- border: 1px solid $_entry_tag_bg;
- color: $_entry_tag_color;
- }
- &:active {
- background-color: $_entry_tag_bg;
- color: transparentize($_entry_tag_color, 0.3);
- }
- }
+//-----------------//
+// Editable Labels //
+//-----------------//
+editablelabel > stack > text {
+ @include entry(normal);
}
//---------//
@@ -557,21 +488,8 @@ treeview entry {
$_dot_color: if($variant=='light', $selected_bg_color,
lighten($selected_bg_color,15%));
@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));
- }
+ from { background-image: radial-gradient(farthest-side, $_dot_color 0%, transparentize($_dot_color, 1) 0%); }
+ to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); }
}
%button,
@@ -587,28 +505,14 @@ button {
@include button(normal);
- @at-root %button_basic_flat,
- &.flat {
- @include button(undecorated);
- // 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: $longest_duration;
-
- &:active { transition: $button_transition; }
- }
- }
+ @include focus-ring();
&:hover {
@include button(hover);
- -gtk-icon-effect: highlight;
+ -gtk-icon-filter: brightness(1.2);
}
+ &.keyboard-activating,
&:active,
&:checked {
@include button(active);
@@ -616,11 +520,16 @@ button {
transition-duration: $shortest_duration;
}
+ &:checked:hover { @include button(checked-hover); }
+ &:checked:active { @include button(checked-active); }
+
&:backdrop {
&.flat, & {
@include button(backdrop);
- -gtk-icon-effect: none;
+ transition: $backdrop_transition;
+
+ &:not(:disabled) { -gtk-icon-filter: none; }
&:active,
&:checked { @include button(backdrop-active); }
@@ -634,16 +543,37 @@ button {
}
}
- @at-root %button_basic_flat,
- &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }}
-
&:disabled {
@include button(insensitive);
+ -gtk-icon-filter: opacity(0.5);
&:active,
&:checked { @include button(insensitive-active); }
}
+ @at-root %button_basic_flat,
+ &.flat {
+ @include button(undecorated);
+ // to avoid adjacent 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 {
+ @include button(undecorated-hover);
+ transition: $button_transition;
+ transition-duration: 500ms;
+ }
+ &.keyboard-activating,
+ &:active,
+ &:checked {
+ @include button(undecorated-active);
+ transition: $button_transition;
+ }
+ &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }
+ }
+
&.image-button {
min-width: 24px;
padding-left: $_img_btn_pad;
@@ -690,12 +620,20 @@ button {
}
}
+
// big standalone buttons like in Documents pager
&.osd {
min-width: 26px;
min-height: 32px;
- &.image-button { min-width: 34px; }
+ &.image-button {
+ min-width: 30px;
+ &:only-child {
+ margin: 4px;
+ border-radius: 50%; // completely round when it is a single button
+ box-shadow: 0 1px 2px transparentize(black, 0.8); // drop shadow for the only child
+ };
+ }
color: $osd_fg_color;
border-radius: $window_radius;
@@ -719,20 +657,6 @@ button {
border: none;
box-shadow: none;
}
-
- &:disabled {
- &:backdrop, & {
- @include button(osd-insensitive);
-
- border: none;
- }
- }
-
- &:backdrop {
- @include button(osd-backdrop);
-
- border: none;
- }
}
//overlay / OSD style
@@ -747,13 +671,10 @@ button {
&:disabled { &:backdrop, & { @include button(osd-insensitive); }}
- &:backdrop { @include button(osd-backdrop); }
-
&.flat {
@include button(undecorated);
- box-shadow: none; //FIXME respect no edge on the button mixin
- text-shadow: 0 1px black;
+ box-shadow: none;
-gtk-icon-shadow: 0 1px black;
&:hover { @include button(osd-hover); }
@@ -765,18 +686,17 @@ button {
box-shadow: none;
}
- &:backdrop { @include button(undecorated); }
-
&:active,
&:checked { @include button(osd-active); }
}
}
// Suggested and Destructive Action buttons
- @each $b_type, $b_color in (suggested-action, $suggested_bg_color),
+ @each $b_type, $b_color in (suggested-action, $selected_bg_color),
(destructive-action, $destructive_color) {
&.#{$b_type} {
@include button(normal, $b_color, white);
+ @include focus-ring($fc: $alt_focus_border_color);
&.flat {
@include button(undecorated);
@@ -789,23 +709,8 @@ button {
&:active,
&:checked { @include button(active, $b_color, white); }
- &:backdrop,
- &.flat:backdrop {
- @include button(backdrop, $b_color, white);
-
- &:active,
- &:checked { @include button(backdrop-active, $b_color, white); }
-
- &:disabled {
- @include button(backdrop-insensitive);
-
- &:active,
- &:checked { @include button(backdrop-insensitive-active, $b_color, white); }
- }
- }
-
&.flat {
- &:backdrop, &:disabled, &:backdrop:disabled {
+ &:disabled {
@include button(undecorated);
color: transparentize($b_color, 0.2);
@@ -829,118 +734,58 @@ button {
&:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }}
- &:backdrop { @include button(osd-backdrop, $b_color); }
}
}
}
- .stack-switcher > & {
+ stackswitcher > & {
// 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 overriden by GtkRadioButton outline-offset
-
> label {
- padding-left: 6px; // label padding
- padding-right: 6px; //
+ padding: 0 6px;
+ margin: 0 -6px;
}
> image {
- padding-left: 6px; // image padding
- padding-right: 6px; //
- padding-top: 3px; //
- padding-bottom: 3px; //
- }
-
- &.text-button {
- // compensate text-button paddings
- padding-left: 10px;
- padding-right: 10px;
- }
-
- &.image-button {
- // we want image buttons to have a 1:1 aspect ratio, so compensation
- // of the padding added to the GtkImage is needed
- padding-left: 2px;
- padding-right: 2px;
+ padding: 3px 6px;
+ margin: -3px -6px;
}
&.needs-attention {
> label,
> image { @extend %needs_attention; }
-
- &:active,
- &:checked {
- > label,
- > image {
- animation: none;
- background-image: none;
- }
- }
}
}
// hide separators
- &.font,
- &.file { separator { background-color: transparent; }}
-
- &.font { > box > box > label { font-weight: bold; }}
-
- // inline-toolbar buttons
- .inline-toolbar & { @extend %linked; }
-
- .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows
+ &.font{
+ separator { background-color: transparent; }
+ > box { border-spacing: 6px; }
+ > box > box > label { font-weight: bold; }
+ }
- .linked > & { @extend %linked; }
+ .linked:not(.vertical) > & { @extend %linked; }
.linked.vertical > & { @extend %linked_vertical; }
- &.circular { // The Bloody Circul Button
+ &.circular { // force circular button shape
+ min-width: 32px;
+ min-height: 32px;
+ padding: 0;
border-radius: 9999px;
- -gtk-outline-radius: 9999px;
- padding: $_circ_btn_pad; // circles instead of ellipses
label { padding: 0; }
-
- // the followind code is needed since we use a darker bottom border on buttons, which looks pretty
- // bad with a 100% border radius (see https://bugzilla.gnome.org/show_bug.cgi?id=771205 for details),
- // so on relevant states we an additional background-image with a gradient clipped on the border-box,
- // so setting a transparent border would reveal it.
-
- $_border_bg: linear-gradient(to top, $alt-borders-color 25%, $borders-color 50%);
-
- &:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
- @include button(normal, $backimage: $_border_bg);
-
- border-color: transparent;
- }
-
- &:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
- @include button(hover, $backimage: $_border_bg);
-
- border-color: transparent;
- }
-
- background-origin: padding-box, border-box;
- background-clip: padding-box, border-box;
}
}
%needs_attention {
+ // the dot is drawn by using two radial gradient, the first one is the actual dot, the other
+ // simulates the shadow labels and icons normally have in buttons.
animation: needs_attention 150ms ease-in;
- $_dot_shadow: _text_shadow_color();
- $_dot_shadow_r: if($variant=='light',0.5,0.45);
- background-image: -gtk-gradient(radial,
- center center, 0,
- center center, 0.5,
- to($_dot_color),
- to(transparent)),
- -gtk-gradient(radial,
- center center, 0,
- center center, $_dot_shadow_r,
- to($_dot_shadow),
- to(transparent));
+
+ background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 ));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
@@ -958,140 +803,45 @@ button {
}
-// all the following is for the +|- buttons on inline toolbars, that way
-// should really be deprecated...
-.inline-toolbar toolbutton > button { // redefining the button look is
- // needed since those are flat...
- @include button(normal);
-
- &:hover { @include button(hover); }
-
- &:active,
- &:checked{ @include button(active); }
-
- &:disabled {
- @include button(insensitive);
-
- &:active,
- &:checked { @include button(insensitive-active); }
- }
-
- &:backdrop {
- @include button(backdrop);
-
- &:active,
- &:checked { @include button(backdrop-active); }
-
- &:disabled {
- @include button(backdrop-insensitive);
-
- &:active,
- &:checked { @include button(backdrop-insensitive-active); }
- }
- }
+%linked_not_left {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-// More inline toolbar buttons
-toolbar.inline-toolbar toolbutton {
- > button.flat { @extend %linked_middle; }
-
- &:first-child > button.flat { @extend %linked_left; }
-
- &:last-child > button.flat { @extend %linked_right; }
-
- &:only-child > button.flat { @extend %linked_only_child; }
-}
-
-%linked_middle {
+%linked_not_right {
border-right-style: none;
- border-radius: 0;
- -gtk-outline-radius: 0;
-}
-
-%linked_only_child {
- border-style: solid;
- border-radius: $button_radius;
- -gtk-outline-radius: $button_radius;
-}
-
-%linked_left {
- border-top-left-radius: $button_radius;
- border-bottom-left-radius: $button_radius;
- -gtk-outline-top-left-radius: $button_radius;
- -gtk-outline-bottom-left-radius: $button_radius;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-%linked_right {
- border-right-style: solid;
- border-top-right-radius: $button_radius;
- border-bottom-right-radius: $button_radius;
- -gtk-outline-top-right-radius: $button_radius;
- -gtk-outline-bottom-right-radius: $button_radius;
-}
-
-// .linked assumes Box, which reverses nodes in RTL, so 1st child is always left
+// 1st/last child are at text start/end
%linked {
- &:checked { @include button(active); } // FIXME: Otherwise it's not respecting the active state properly. Figure out why.
- @extend %linked_middle;
-
- &:first-child { @extend %linked_left; }
- &:last-child { @extend %linked_right; }
-
- &:only-child { @extend %linked_only_child; }
-}
-
-// Other widgets use widget child order, so 1st/last child are at text start/end
-%linked_flippable {
- @extend %linked_middle;
-
&:dir(ltr) {
- &:first-child { @extend %linked_left; }
- &:last-child { @extend %linked_right; }
+ &:not(:first-child) { @extend %linked_not_left; }
+ &:not(:last-child) { @extend %linked_not_right; }
}
&:dir(rtl) {
- &:first-child { @extend %linked_right; }
- &:last-child { @extend %linked_left; }
+ &:not(:first-child) { @extend %linked_not_right; }
+ &:not(:last-child) { @extend %linked_not_left; }
}
-
- &:only-child { @extend %linked_only_child; }
-}
-
-%linked_vertical_middle {
- border-style: solid solid none solid;
- border-radius: 0;
- -gtk-outline-radius: 0;
-}
-
-%linked_vertical_top {
- border-top-left-radius: $button_radius;
- border-top-right-radius: $button_radius;
- -gtk-outline-top-left-radius: $button_radius;
- -gtk-outline-top-right-radius: $button_radius;
}
-%linked_vertical_bottom {
- border-bottom-style: solid;
- border-bottom-left-radius: $button_radius;
- border-bottom-right-radius: $button_radius;
- -gtk-outline-bottom-left-radius: $button_radius;
- -gtk-outline-bottom-right-radius: $button_radius;
+%linked_not_top {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-%linked_vertical_only_child {
- border-style: solid;
- border-radius: $button_radius;
- -gtk-outline-radius: $button_radius;
+%linked_not_bottom {
+ border-bottom-style: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
}
%linked_vertical {
- @extend %linked_vertical_middle;
-
- &:first-child { @extend %linked_vertical_top; }
+ &:not(:first-child) { @extend %linked_not_top; }
- &:last-child { @extend %linked_vertical_bottom; }
-
- &:only-child { @extend %linked_vertical_only_child; }
+ &:not(:last-child) { @extend %linked_not_bottom; }
}
%undecorated_button {
@@ -1104,43 +854,86 @@ toolbar.inline-toolbar toolbutton {
-gtk-icon-shadow: none;
}
+.linked:not(.vertical) > menubutton,
+.linked:not(.vertical) > dropdown,
+.linked:not(.vertical) > colorbutton,
+.linked:not(.vertical) > fontbutton,
+.linked:not(.vertical) > filechooserbutton {
+ &:dir(ltr) {
+ &:not(:first-child) > button { @extend %linked_not_left; }
+ &:not(:last-child) > button { @extend %linked_not_right; }
+ }
+
+ &:dir(rtl) {
+ &:not(:first-child) > button { @extend %linked_not_right; }
+ &:not(:last-child) > button { @extend %linked_not_left; }
+ }
+}
+
+.linked.vertical > menubutton,
+.linked.vertical > dropdown,
+.linked.vertical > colorbutton,
+.linked.vertical > fontbutton,
+.linked.vertical > filechooserbutton {
+ &:not(:first-child) > button { @extend %linked_not_top; }
+ &:not(:last-child) > button { @extend %linked_not_bottom; }
+}
+
// menu buttons
-modelbutton.flat,
-.menuitem.button.flat {
+modelbutton.flat {
min-height: 26px;
padding-left: 5px;
padding-right: 5px;
border-radius: $button_radius;
- outline-offset: -2px;
@extend %undecorated_button;
- &:hover { background-color: $popover_hover_color; }
+ &:hover {
+ background-color: $selected_bg_color; //$menu_selected_color;
+ color: $selected_fg_color;
+ }
- &:selected { @extend %selected_items; }
+ &:disabled {
+ color: $insensitive_fg_color;
+ }
- &:backdrop,
- &:backdrop:hover { @extend %undecorated_button; }
+ &:selected { @extend %selected_items; }
}
modelbutton.flat arrow {
background: none;
+ min-width: 16px;
+ min-height: 16px;
+ opacity: 0.3; //dim icon
&:hover { background: none; }
- &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+ &.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
- &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ &.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+}
+
+// oldstyle toolbar buttons
+
+.toolbar button {
+ margin: 1px;
+ @extend %undecorated_button;
+
+ &:hover { @include button('hover'); }
+ &:active { @include button('active'); }
+ &:disabled { @include button('insensitive'); }
+ &:backdrop { @include button('backdrop'); }
+ &:backdrop:disabled { @include button('backdrop-insensitive'); }
}
button.color {
padding: 4px;
- colorswatch:only-child {
- &, overlay { border-radius: 0; }
+ > colorswatch:only-child {
+ &, > overlay { border-radius: 0; }
@if $variant == 'light' {
- box-shadow: 0 1px _text_shadow_color();
+ box-shadow: 0 1px $shadow_color;
.osd & { box-shadow: none; }
}
@@ -1149,7 +942,6 @@ button.color {
@if $variant == 'light' {
.osd &, & {
&:disabled,
- &:backdrop,
&:active,
&:checked { colorswatch:only-child { box-shadow: none; }}
}
@@ -1157,12 +949,22 @@ button.color {
}
// list buttons
-list row button.image-button:not(.flat) {
+// tone down as per new designs, see issue #1473
+%list_button,
+list > row button.image-button:not(.flat) {
@extend %undecorated_button;
border: 1px solid transparentize($borders_color, .5);
&:hover { @include button(hover); }
&:active,
&:checked { @include button(active); }
+
+ @each $b_type, $b_color in (suggested-action, $selected_bg_color),
+ (destructive-action, $destructive_color) {
+ &.#{$b_type} { // allow colored buttons in lists #3643
+ @include button(normal, $b_color, white);
+ @include focus-ring($fc: $alt_focus_border_color);
+ }
+ }
}
//-------//
@@ -1170,8 +972,9 @@ list row button.image-button:not(.flat) {
//-------//
%link,
-*:link {
+link {
color: $link_color;
+ text-decoration: underline;
&:visited {
color: $link_visited_color;
@@ -1192,23 +995,21 @@ list row button.image-button:not(.flat) {
*:selected & { color: mix($selected_fg_color, $link_color, 80%); }
}
- &:disabled, &:disabled:backdrop { color: transparentize(desaturate($link_color, 100%), 0.2); }
-
- &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: transparentize($link_color, 0.1); }}
+ &:disabled { color: transparentize(desaturate($link_color, 100%), 0.2); }
@at-root %link_selected,
&:selected,
*:selected & { color: mix($selected_fg_color, $link_color, 80%); }
}
-button:link,
-button:visited {
- @extend %undecorated_button;
+link {
+ @include focus-ring();
+}
+button.link {
@extend %link;
- text-shadow: none;
-
+ &,
&:hover,
&:active,
&:checked {
@@ -1218,14 +1019,10 @@ button:visited {
}
> label {
- @extend %link;
-
- text-decoration-line: underline;
-
+ text-decoration: underline;
}
}
-
//---------------//
// GtkSpinButton //
//---------------//
@@ -1237,6 +1034,7 @@ spinbutton {
@extend %entry;
padding: 0;
+ border-spacing: 0;
%spinbutton_horz_entry {
min-width: 28px;
@@ -1247,15 +1045,18 @@ spinbutton {
border: none;
border-radius: 0;
box-shadow: none;
+ padding: 6px;
&:backdrop:disabled { background-color: transparent; }
}
- entry {
+ > text {
@extend %spinbutton_horz_entry;
}
- button {
+ // :not here just to bump specificity above that of the list button styling
+ > button.image-button.up:not(.flat),
+ > button.image-button.down:not(.flat) {
min-height: 16px;
margin: 0;
padding-bottom: 0;
@@ -1271,7 +1072,7 @@ spinbutton {
&:hover {
color: $fg_color;
- background-color: $base_hover_color;
+ background-color: darken($bg_color,5%);
}
&:disabled {
@@ -1284,15 +1085,6 @@ spinbutton {
box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8);
}
- &:backdrop:disabled {
- color: transparentize($backdrop_insensitive_color,0.7);
- background-color: transparent;
- background-image: none;
- border-style: none none none solid; // It is needed or it gets overridden
-
- &:dir(rtl) { border-style: none solid none none; }
- }
-
&:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; }
&:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; }
@@ -1301,11 +1093,12 @@ spinbutton {
// OSD horizontal
.osd &:not(.vertical) {
- entry {
+ > text {
@extend %spinbutton_horz_entry;
}
- button {
+ > button.image-button.up:not(.flat),
+ > button.image-button.down:not(.flat) {
@include button(undecorated);
color: $osd_fg_color;
@@ -1322,20 +1115,11 @@ spinbutton {
color: $osd_fg_color;
border-color: transparentize(opacify($osd_borders_color, 1), 0.5);
- background-color: transparentize($osd_fg_color, 0.9);
+ background-color: darken($osd_bg_color,10%);
-gtk-icon-shadow: 0 1px black;
box-shadow: none;
}
- &:backdrop {
- @include button(undecorated);
-
- color: $osd_fg_color;
- border-color: transparentize(opacify($osd_borders_color, 1), 0.5);
- -gtk-icon-shadow: none;
- box-shadow: none;
- }
-
&:disabled {
@include button(undecorated);
@@ -1361,21 +1145,24 @@ spinbutton {
// color
&:disabled { color: $insensitive_fg_color; }
- &:backdrop:disabled { color: $backdrop_insensitive_color; }
-
&:drop(active) {
border-color: transparent;
box-shadow: none;
}
- entry {
+ > text {
+ @extend %entry;
+
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0;
+
+ > selection { @extend %selected_items; }
+ > block-cursor { @include entry(block_cursor); }
}
- button {
+ > button {
min-height: 32px;
min-width: 32px;
padding: 0;
@@ -1386,18 +1173,20 @@ spinbutton {
}
%top_button {
- border-radius: $button_radius $button_radius 0 0;
- border-style: solid solid none solid;
+ border-bottom-style: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
}
%bottom_button {
- border-radius: 0 0 $button_radius $button_radius;
- border-style: none solid solid solid;
+ border-top-style: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
}
// OSD vertical
- .osd &.vertical button:first-child {
+ .osd &.vertical > button:first-child {
@include button(osd);
&:hover { @include button(osd-hover);}
@@ -1405,8 +1194,6 @@ spinbutton {
&:active { @include button(osd-active); }
&:disabled { @include button(osd-insensitive); }
-
- &:backdrop { @include button(osd-backdrop); }
}
// Misc
@@ -1415,17 +1202,25 @@ spinbutton {
border-style: none;
border-radius: 0;
- entry {
+ > text {
min-height: 0;
padding: 1px 2px;
}
}
+
font-feature-settings: "tnum";
}
//------------//
// ComboBoxes //
//------------//
+dropdown > popover.menu.background > contents { padding: 0; } //allow search entries with no margin
+
+dropdown > button > box {
+ border-spacing: 6px;
+}
+
+dropdown,
combobox {
arrow {
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
@@ -1433,10 +1228,16 @@ combobox {
min-width: 16px;
}
+ // align menu labels with the button label
+ > popover.menu > contents modelbutton {
+ padding-left: 9px;
+ padding-right: 9px;
+ }
+
&.linked {
button:nth-child(2) {
- &:dir(ltr) { @extend %linked_right; }
- &:dir(rtl) { @extend %linked_left; }
+ &:dir(ltr) { @extend %linked_not_left; }
+ &:dir(rtl) { @extend %linked_not_right; }
}
}
@@ -1445,37 +1246,74 @@ combobox {
button.combo { @extend %button_basic_drop_active; }
}
+
+ // newstyle
+ popover {
+ margin-top: 6px;
+ padding: 0;
+
+ listview {
+
+ margin: 8px 0;
+
+ &>row {
+ padding: 8px;
+
+ &:selected {
+ outline-color: $alt_focus_border_color;
+ color: $text-color;
+ background-color: $menu_selected_color;
+ }
+ }
+ }
+
+ // drodowns with searchboxes on top
+ .dropdown-searchbar {
+ padding: 6px;
+ border-bottom: 1px solid $borders_color;
+ }
+ }
}
// 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
-.linked:not(.vertical) > combobox > box > button.combo { @extend %linked_middle; }
-.linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked_left; }
-.linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked_right; }
-.linked:not(.vertical) > combobox:only-child > box > button.combo { @extend %linked_only_child; }
+.linked:not(.vertical) > filechooserbutton > combobox,
+.linked:not(.vertical) > appchooserbutton > combobox,
+.linked:not(.vertical) > combobox {
+ &:dir(ltr) {
+ &:not(:first-child) > box > button.combo { @extend %linked_not_left; }
+ &:not(:last-child) > box > button.combo { @extend %linked_not_right; }
+ }
-.linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; }
-.linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical_top; }
-.linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical_bottom; }
-.linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical_only_child; }
+ &:dir(rtl) {
+ &:not(:first-child) > box > button.combo { @extend %linked_not_right; }
+ &:not(:last-child) > box > button.combo { @extend %linked_not_left; }
+ }
+}
+
+.linked.vertical > filechooserbutton > combobox,
+.linked.vertical > appchooserbutton > combobox,
+.linked.vertical > combobox {
+ &:not(:first-child) > box > button.combo { @extend %linked_not_top; }
+ &:not(:last-child) > box > button.combo { @extend %linked_not_bottom; }
+}
//----------//
// Toolbars //
//----------//
%toolbar {
- -GtkWidget-window-dragging: true;
- padding: 4px;
+ padding: 4px 3px 3px 4px; //4px;
+ border-spacing: 4px;
background-color: if($variant=='light', $dark_fill, darken($base_color, 4%));
- box-shadow: inset 0 1px transparentize($borders_color, 0.65);
+ box-shadow: if($zukitwo=='false', inset 0 2px transparentize($borders_color, 0.65), inset 0 1px transparentize($borders_color, 0.65));
}
+.toolbar,
toolbar {
@extend %toolbar;
- padding: 4px 3px 3px 4px;
-
// on OSD
.osd & { background-color: transparent; }
@@ -1493,49 +1331,19 @@ toolbar {
}
// toolbar separators
- &.horizontal separator { margin: 0 7px 1px 6px; }
- &.vertical separator { margin: 6px 1px 7px 0; }
-
- &:not(.inline-toolbar):not(.osd) {
- // workaround: add margins to the children of tool items to simulate
- // spacing, ignore the overflow button (.toggle) and the overflow menu
- // (.popup)
- > *:not(.toggle):not(.popup) > * {
- margin-right: 1px;
- margin-bottom: 1px;
- }
- }
-}
-
-.primary-toolbar { // _custom.scss
- @extend %primary_toolbar;
+ &.horizontal > separator { margin: 4px 0; }
+ &.vertical > separator { margin: 0 4px; }
}
-//searchbar, location-bar & inline-toolbar
-.inline-toolbar {
+//searchbar & location-bar
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
@extend %toolbar;
@extend %darkbar;
- padding: 3px;
- border-width: 0 1px 1px;
- border-radius: 0 0 $button_radius $button_radius;
-}
-
-searchbar > revealer > box,
-.location-bar {
- @extend %toolbar;
- // https://github.com/lassekongo83/zuki-themes/issues/157
- //@extend %darkbar;
-
border-width: 0 0 1px;
- padding: 3px;
-}
-
-searchbar > revealer > box {
- // workaround: undo the GtkContainer:border-width and use CSS padding instead
- margin: -6px;
- padding: 6px;
}
%darkbar {
@@ -1543,6 +1351,61 @@ searchbar > revealer > box {
border-color: $borders_color;
$_bg: mix($bg_color, $borders_color, 70%);
background-color: $_bg;
+
+ &:backdrop {
+ border-color: $backdrop_borders_color;
+ background-color: $backdrop_dark_fill;
+ box-shadow: none;
+ transition: $backdrop_transition;
+ }
+}
+
+//------------//
+// GtkInfoBar //
+//------------//
+infobar {
+ > revealer > box {
+ padding: 8px;
+ border-spacing: 12px;
+ }
+
+ &.action:hover > revealer > box {
+ background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%),
+ desaturate(darken(invert($selected_bg_color), 42%), 70%));
+ }
+
+ &.info,
+ &.question,
+ &.warning,
+ &.error {
+ > revealer > box {
+ border-bottom: 1px solid lighten($borders_color, 5%);
+ background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%),
+ desaturate(darken(invert($selected_bg_color), 40%), 70%));
+ }
+ }
+}
+
+ //close button for info and searchbar (#3215)
+
+ infobar .close,
+ searchbar .close {
+ @include button(undecorated);
+ min-width: 16px;
+ min-height: 16px;
+ padding: 4px;
+ border-radius: 50%;
+
+ &:hover { @include button(hover); }
+ }
+
+//---------------//
+// Title buttons //
+//---------------//
+
+windowcontrols {
+ border-spacing: 0px;
+ @extend %titlebuttons; // styled in _custom.scss
}
//-------------//
@@ -1557,12 +1420,14 @@ headerbar {
border-color: if($variant == 'light', $borders_color, $alt_borders_color);
border-radius: 0;
- @include headerbar_fill;
+ @include headerbar_fill; //headerbar_fill(darken($bg_color, 10%));
&:backdrop {
//border-color: $backdrop_borders_color;
//background-color: $bg_color;
background-image: none;
+ @if $alt_header == 'false' { box-shadow: inset 0 1px $top_hilight; }
+ //transition: $backdrop_transition;
}
.title {
@@ -1571,188 +1436,73 @@ headerbar {
font-weight: bold;
}
- .subtitle {
- font-size: smaller;
- padding-left: 12px;
- padding-right: 12px;
-
- @extend .dim-label;
- }
-
- // Darken switchbuttons for headerbars. issue #1588
- //stackswitcher button:checked,
- //button.toggle:checked {
-
- // background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%)));
- // border-color: darken($borders_color, 3%);
- // border-top-color: darken($borders_color, 8%);
- // &:backdrop {
- // @include button(backdrop-active);
- // }
- //}
-
- .selection-mode &,
- &.selection-mode {
- $_hc: mix($top_hilight, $suggested_bg_color, 50%); // hilight color
-
- color: $selected_fg_color;
- border-color: $suggested_border_color;
- text-shadow: 0 -1px transparentize(black, 0.5);
-
- @include headerbar_fill($suggested_bg_color, $_hc);
-
- &:backdrop {
- background-color: $suggested_bg_color;
- background-image: none;
- box-shadow: inset 0 1px mix($top_hilight, $suggested_bg_color, 60%);
-
- label {
- text-shadow: none;
- color: $selected_fg_color;
- }
- }
-
- .subtitle:link { @extend %link_selected; }
-
- button {
- @include button(normal, $suggested_bg_color, $selected_fg_color);
-
- @at-root %selection_mode_button_flat,
- &.flat { @include button(undecorated); }
-
- &:hover { @include button(hover, $suggested_bg_color, $selected_fg_color); }
-
- &:active,
- &:checked,
- &.toggle:checked,
- &.toggle:active { @include button(active, $suggested_bg_color, $selected_fg_color); }
-
- &:backdrop {
- &.flat, & {
- @include button(backdrop, $suggested_bg_color, $selected_fg_color);
-
- -gtk-icon-effect: none;
- border-color: $suggested_border_color;
-
- &:active,
- &:checked {
- @include button(backdrop-active, $suggested_bg_color, $selected_fg_color);
-
- border-color: $suggested_border_color;
- }
-
- &:disabled {
- @include button(backdrop-insensitive, $suggested_bg_color, $selected_fg_color);
-
- border-color: $suggested_border_color;
-
- &:active, &:checked {
- @include button(backdrop-insensitive-active, $suggested_bg_color, $selected_fg_color);
-
- border-color: $suggested_border_color;
- }
- }
- }
- }
-
- @at-root %selection_mode_button_flat,
- &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }}
-
- &:disabled {
- @include button(insensitive, $suggested_bg_color, $selected_fg_color);
-
- &:active,
- &:checked { @include button(insensitive-active, $suggested_bg_color, $selected_fg_color); }
- }
-
- &.suggested-action {
- @include button(normal);
-
- border-color: $suggested_border_color;
-
- &:hover {
- @include button(hover);
-
- border-color: $suggested_border_color;
- }
-
- &:active {
- @include button(active);
-
- border-color: $suggested_border_color;
- }
-
- &:disabled {
- @include button(insensitive);
-
- border-color: $suggested_border_color;
- }
-
- &:backdrop {
- @include button(backdrop);
-
- border-color: $suggested_border_color;
- }
-
- &:backdrop:disabled {
- @include button(backdrop-insensitive);
-
- border-color: $suggested_border_color;
- }
- }
- }
-
- .selection-menu {
- &:backdrop, & {
- border-color: transparentize($suggested_bg_color, 1);
- background-color: transparentize($suggested_bg_color, 1);
- background-image: none;
- box-shadow: none;
- min-height: 20px;
- padding: $_sel_menu_pad;
-
- arrow { -GtkArrow-arrow-scaling: 1; }
+ .subtitle {
+ font-size: smaller;
+ padding-left: 12px;
+ padding-right: 12px;
- .arrow {
- -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
- color: transparentize($selected_fg_color,0.5);
- -gtk-icon-shadow: none;
- }
- }
- }
+ @extend .dim-label;
}
+ // Darken switchbuttons for headerbars. issue #1588
+ //stackswitcher > button:checked,
+ //button.toggle:checked {
+ //@include button(active);
+ //background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%)));
+ //border-color: darken($borders_color, 3%);
+ //border-top-color: darken($borders_color, 8%);
+ //&:backdrop {
+ //@include button(backdrop-active);
+ //}
+ //}
+
// squared corners when the window is maximized, tiled, or fullscreen
.tiled &,
.tiled-top &,
+ .tiled-left &,
.tiled-right &,
.tiled-bottom &,
- .tiled-left &,
.maximized &,
.fullscreen & {
&:backdrop, & {
border-radius: 0;
- box-shadow: inset 0 1px transparent, inset 0 -1px transparentize($top_hilight, 0.7); // Custom style: get rid of the top hilight on maximized windows
+ box-shadow: none; // Custom style: get rid of the top hilight on maximized windows
}
}
&.default-decoration {
- min-height: 28px;
- padding: 4px;
+ min-height: $csd_title_height; //28px;
+ padding: 0 4px;
.maximized & { // No top highlight on maximized windows
box-shadow: none;
}
- button.titlebutton {
- min-height: $titlebutton_size;
- min-width: $titlebutton_size;
- margin: 0;
- padding: 0;
+ windowcontrols {
+ button { // custom style
+ min-height: $titlebutton_size;
+ min-width: $titlebutton_size;
+ }
+ //button,
+ menubutton {
+ min-height: 26px;
+ min-width: 26px;
+ margin: 0;
+ padding: 0;
+ }
+
+ menubutton button {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 0;
+ padding: 4px;
+ }
}
}
- separator.titlebutton { opacity: 0; } // hide the close button separator
+ separator { // custom style
+ &, &:backdrop { @include headerbar_fill; }
+ }
.solid-csd & {
&:backdrop, & {
@@ -1768,83 +1518,34 @@ headerbar {
}
headerbar {
+ > windowhandle > box {
+ &,
+ > box.start,
+ > box.end {
+ border-spacing: 6px;
+ }
+ }
+
// add vertical margins to common widget on the headerbar to avoid them spanning the whole height
entry,
spinbutton,
separator:not(.sidebar),
- button {
+ button,
+ menubutton {
margin-top: $_hb_btn_pad;
margin-bottom: $_hb_btn_pad;
}
- switch {
- // FIXME: Switches may look a bit disorted with these margins. It is to prevent the headerbar from "jumping".
- margin-top: $_switch_margin + 3;
- margin-bottom: $_switch_margin + 3;
- }
-
- &.titlebar headerbar:not(.titlebar) {
- // Drop the background of non-titlebar nested headerbars. This is needed to
- // work around headerbar sliding animation issues without refactoring
- // Adwaita's support of titlebars and headerbars as it may break
- // applications.
- // See https://gitlab.gnome.org/GNOME/gtk/issues/1264 for more information.
- background: none;
- box-shadow: none;
- }
-}
-
-.background .titlebar {
- &:backdrop, & {
- border-top-left-radius: $window_radius;
- border-top-right-radius: $window_radius;
- }
-}
-
-.background.tiled .titlebar,
-.background.tiled-top .titlebar,
-.background.tiled-right .titlebar,
-.background.tiled-bottom .titlebar,
-.background.tiled-left .titlebar,
-.background.maximized .titlebar,
-.background.solid-csd .titlebar {
- &:backdrop, & {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
-}
-
-headerbar { // headerbar border rounding
-
- window separator:first-child + &,
- window &:first-child { &:backdrop, & { border-top-left-radius: $window_radius; }}
- window &:last-child { &:backdrop, & { border-top-right-radius: $window_radius; }}
- window stack & { // tackles the stacked headerbars case
- &:first-child, &:last-child {
- &:backdrop, & {
- border-top-left-radius: $window_radius;
- border-top-right-radius: $window_radius;
- }
- }
+ // Reset margins for buttons inside menubutton
+ menubutton > button {
+ margin-top: 0px;
+ margin-bottom: 0px;
}
- window.tiled &,
- window.tiled-top &,
- window.tiled-right &,
- window.tiled-bottom &,
- window.tiled-left &,
- window.maximized &,
- window.fullscreen &,
- window.solid-csd & {
- &, &:backdrop {
- &,
- &:first-child,
- &:last-child,
- &:only-child {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- }
+ switch {
+ // FIXME: Switches may look a bit disorted with these margins. It is to prevent the headerbar from "jumping".
+ margin-top: $_switch_margin + 4; // 10px;
+ margin-bottom: $_switch_margin + 4; // 10px;
}
}
@@ -1859,7 +1560,7 @@ headerbar { // headerbar border rounding
box-shadow: none;
}
- separator { background-color: $borders_color; } // FIXME: use darker border?
+ separator { background-color: $borders_color; } // FIXME: use darker border?
@extend %titlebar;
}
@@ -1867,7 +1568,7 @@ headerbar { // headerbar border rounding
// Development versions of apps to use a differently styled headerbar
window.devel {
- headerbar.titlebar:not(.selection-mode) {
+ headerbar.titlebar {
$c: darken($bg_color, 10%);
$gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat,
linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.8)),
@@ -1891,14 +1592,7 @@ window.devel {
// Pathbars //
//----------//
-// GtkPathBar does not work with just .linked, so we must override that. But we
-// can’t simply remove .linked from the widget as that might break other themes.
-// Note also we select on filechooser to avoid interfering with NautilusPathBar.
-filechooser .path-bar.linked > button {
- @extend %linked_flippable;
-}
-
-.path-bar button {
+pathbar > button {
&.text-button, &.image-button, & {
padding-left: 4px;
padding-right: 4px;
@@ -1928,32 +1622,25 @@ filechooser .path-bar.linked > button {
//------------//
// Tree Views //
//------------//
+
+$_treeview_borders_color: if($variant=='light',mix($borders_color, $base_color,80%),mix($fg_color, $base_color, 20%));
+$_treeview_backdrop_borders_color: if($variant=='light',mix($backdrop_borders_color, $base_color, 80%),mix($backdrop_fg_color, $base_color, 20%));
+columnview.view,
treeview.view {
- @at-root * {
- -GtkTreeView-horizontal-separator: 4;
- -GtkTreeView-grid-line-width: 1;
- -GtkTreeView-grid-line-pattern: '';
- -GtkTreeView-tree-line-width: 1;
- -GtkTreeView-tree-line-pattern: '';
- -GtkTreeView-expander-size: 16;
- }
+ border-left-color: $_treeview_borders_color; // this is actually the tree lines color,
+ border-top-color: $_treeview_borders_color; // while this is the grid lines color, better then nothing
- border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color,
- border-top-color: $bg_color; // while this is the grid lines color, better then nothing
+ @include focus-ring();
- rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props
+ > rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props
&:selected {
&:focus, & {
border-radius: 0;
+ outline-color: $alt_focus_border_color;
@extend %selected_items;
}
-
- &:backdrop, & {
- border-left-color: mix($selected_fg_color, $selected_bg_color, 50%);
- border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly
- }
}
&:disabled {
@@ -1963,22 +1650,23 @@ treeview.view {
color: mix($selected_fg_color, $selected_bg_color, 40%);
&:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
}
-
- &:backdrop { color: $backdrop_insensitive_color; }
}
&.separator {
min-height: 2px;
- color: $bg_color;
-
- &:backdrop { color: transparentize($bg_color, 0.9); }
+ color: $_treeview_borders_color;
}
&:backdrop {
- border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%);
- border-top: $backdrop_bg_color;
+ border-left-color: $_treeview_backdrop_borders_color;
+ border-top: $_treeview_backdrop_borders_color;
}
+
&:drop(active) {
+ box-shadow: none;
+ }
+
+ > dndtarget:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: $selected_borders_color;
@@ -1989,6 +1677,9 @@ treeview.view {
}
&.expander {
+ // GtkTreeView uses the larger of the expander’s min-width and min-height
+ min-width: 16px;
+ min-height: 16px;
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
@@ -2001,26 +1692,24 @@ treeview.view {
color: mix($selected_fg_color, $selected_bg_color, 70%);
&:hover { color: $selected_fg_color; }
-
- &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); }
}
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
-
- &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); }
}
&.progressbar { // progress bar in treeviews
@if $variant == light { color: $base_color; }
- background-color: $progress_bg_color;
- background-image: image($progress_bg_color);
+ background-color: $selected_bg_color;
+ background-image: image($selected_bg_color);
box-shadow: none;
&:selected {
&:focus, & {
+
@if $variant == 'light' {
color: $selected_bg_color;
+
}
@else { box-shadow: inset 0 1px transparentize(white, 0.95); }
@@ -2035,14 +1724,6 @@ treeview.view {
}
}
}
-
- &:backdrop {
- @if $variant == 'light' { color: $backdrop_base_color; }
-
- @else { border-color: $backdrop_base_color; }
- background-image: none;
- box-shadow: none;
- }
}
&.trough { // progress bar trough in treeviews
@@ -2053,12 +1734,13 @@ treeview.view {
background-color: if($variant == 'light',
transparentize($selected_fg_color, 0.7),
darken($selected_bg_color, 10%));
+
}
}
}
- header {
- button {
+ > header {
+ > button {
$_column_header_color: mix($fg_color, $base_color, 50%);
@extend %column_header_button;
@@ -2107,8 +1789,8 @@ treeview.view {
%column_header_button {
padding: 0 6px;
background-image: none;
- border-style: none solid solid none;
- border-color: $bg_color;
+ border-style: none none solid solid;
+ border-color: $_treeview_borders_color;
border-radius: 0;
text-shadow: none;
@@ -2117,243 +1799,240 @@ treeview.view {
background-image: none;
}
- &:backdrop {
- color: mix($backdrop_fg_color, $backdrop_bg_color, 50%);
- border-color: $backdrop_bg_color;
- border-style: none solid solid none;
- background-image: none;
- background-color: $backdrop_base_color;
-
- &:disabled {
- border-color: $backdrop_bg_color;
- background-image: none;
- }
- }
-
&:last-child { &:backdrop, & { border-right-style: none; }}
}
-//-------//
-// Menus //
-//-------//
-menubar,
-.menubar {
- -GtkWidget-window-dragging: true;
- padding: 0px;
- box-shadow: inset 0 -1px $borders_color;
+//----------//
+// Popovers //
+//----------//
- &:backdrop { background-color: $backdrop_bg_color; }
+popover.background {
+ background-color: transparent;
+ font: initial; // Decouple the font of popovers from their entry/textview
- > menuitem {
- min-height: 16px;
- padding: 4px 8px;
+ > arrow,
+ > contents {
+ $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25));
- // remove padding and rounding from menubar submenus
- menu {
- &:dir(rtl), &:dir(ltr) { // specificity bump
- border-radius: 0;
- padding: 0;
- }
+ background-color: $menu_color;
+ background-clip: padding-box;
+ border: 1px solid $_popover_border;
+ box-shadow: 0 1px 2px transparentize(black, 0.7);
+ }
+
+ &:backdrop {
+ background-color: transparent;
+ }
+
+ > contents {
+ padding: 8px;
+ border-radius: $popover_radius;
+
+ > list,
+ > .view,
+ > toolbar {
+ border-style: none;
+ background-color: transparent;
}
- &:hover { //Seems like it :hover even with keyboard focus
- color: $selected_fg_color;
- border-radius: 0;
- background-color: $selected_bg_color;
+ separator {
+ background-color: mix($bg_color, $borders_color, 30%);
+ margin: 3px;
}
- &:disabled {
- color: $insensitive_fg_color;
+ list separator { margin: 0; }
+ }
+
+ .osd &,
+ &.touch-selection,
+ &.magnifier {
+ background-color: transparent;
+
+ > arrow,
+ > contents {
+ @extend %osd;
+
+ border: 1px solid transparentize(white, 0.9);
box-shadow: none;
}
}
- // remove padding and rounding from menubar submenu decoration
- .csd.popup decoration {border-radius:0;}
+ &.touch-selection,
+ &.magnifier {
+ button { @extend %osd_button; }
+ }
}
-// Needed to make the border-radius of menus work
-// otherwise the background bleeds out of the menu edges
-.background.popup { background-color: transparent; }
+magnifier {
+ background-color: $base_color;
+}
-menu,
-.menu,
-.context-menu {
- margin: 4px; // see https://bugzilla.gnome.org/show_bug.cgi?id=591258
- padding: 4px 0px;
- background-color: $menu_color;
- border: 1px solid $borders_color; // adds borders in a non composited env
+//--------------------//
+// Popover Base Menus //
+//--------------------//
- .csd & {
- border: none; // axes borders in a composited env
- border-radius: $menu_radius;
- }
+$_menu-padding: 8px; //inner menuitem padding
+//global $menu-margin for outside menuitems
- &:backdrop { background-color: $backdrop_menu_color; }
+popover.menu {
+ padding: 0;
- menuitem {
- min-height: 16px;
- min-width: 40px;
- padding: 4px 6px;
- text-shadow: none;
+ box.inline-buttons {
+ padding: 0 $_menu-padding;
- &:hover {
- color: $selected_fg_color;
- background-color: $selected_bg_color;
- }
+ button.image-button.model {
+ @include button(undecorated);
- &:disabled {
- color: $insensitive_fg_color;
- &:backdrop { color: $backdrop_insensitive_color; }
- }
+ min-height: 30px;
+ min-width: 30px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
- &:backdrop,
- &:backdrop:hover {
- color: $backdrop_fg_color;
- background-color: transparent;
+ &:selected { background: image($menu_selected_color); }
}
+ }
- // submenu indicators
- arrow {
- min-height: 16px;
- min-width: 16px;
+ box.circular-buttons {
+ padding: $_menu-padding $_menu-padding 4px;
- &:dir(ltr) {
- -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
- margin-left: 10px;
- }
+ button.circular.image-button.model {
+ @extend %list_button;
- &:dir(rtl) {
- -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl');
- margin-right: 10px;
+ padding: 11px;
+ &:focus {
+ background-color: $menu_selected_color;
+ border-color: $menu_selected_color;
}
}
-
- // avoids labels color being overridden, see
- // https://bugzilla.gnome.org/show_bug.cgi?id=767058
- label { &:dir(rtl), &:dir(ltr) { color: inherit; }}
}
- // overflow arrows
- > arrow {
- @include button(undecorated);
-
- min-height: 16px;
- min-width: 16px;
- padding: 4px;
+ & > arrow,
+ &.background > contents {
background-color: $menu_color;
- border-radius: 0;
-
- &.top {
- margin-top: -4px;
- border-bottom: 1px solid mix($fg_color, $base_color, 10%);
- border-top-right-radius: $menu_radius;
- border-top-left-radius: $menu_radius;
- -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
- }
-
- &.bottom {
- margin-top: 8px;
- margin-bottom: -12px;
- border-top: 1px solid mix($fg_color, $base_color, 10%);
- border-bottom-right-radius: $menu_radius;
- border-bottom-left-radius: $menu_radius;
- -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
- }
+ padding: $menu-margin;
+ }
- &:hover { background-color: mix($fg_color, $base_color, 10%); }
+ &.background separator {
+ margin: 6px 0;
+ }
- &:backdrop { background-color: $backdrop_menu_color; }
+ accelerator {
+ color: gtkalpha(currentColor,0.55);
- &:disabled {
- color: transparent;
- background-color: transparent;
- border-color: transparent ;
- }
+ &:dir(ltr) { margin-left: $_menu-padding; }
+ &:dir(rtl) { margin-right: $_menu-padding; }
}
-}
-
-menuitem {
- accelerator { color: gtkalpha(currentColor,0.55); }
check,
radio {
- min-height: 16px;
- min-width: 16px;
+ @include check('menu', 'transparent', $text_color);
- &:dir(ltr) { margin-right: 7px; }
- &:dir(rtl) { margin-left: 7px; }
+ &:hover { @include check('menu-active', 'transparent', $selected_fg_color); }
+ &:active { @include check('menu-active', 'transparent', $text_color); }
}
-}
-//----------//
-// Popovers //
-//----------//
-
-popover.background {
- padding: 2px;
- border-radius: $popover_radius;
- background-color: $popover_bg_color;
-
- .csd &, & {
- border: 1px solid $borders_color;
- border-radius: $popover_radius;
+ //only menu radios have a border
+ radio {
+ //border-color: $borders_color;
+ &:active { border-color: transparentize($borders_color,0.5); }
}
- .csd & {
- $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1));
+ arrow.left,
+ radio.left,
+ check.left {
+ margin-left: -2px;
+ margin-right: 6px;
+ }
- background-clip: padding-box;
- border-color: $_popover_border;
+ arrow.right,
+ radio.right,
+ check.right {
+ margin-left: 6px;
+ margin-right: -2px;
}
- box-shadow: 0 1px 2px transparentize(black, 0.7);
+ modelbutton {
+ min-height: 30px;
+ min-width: 40px;
+ padding: 0 $_menu-padding;
+ border-radius: 0; //$menu-margin;
- &:backdrop {
- background-color: $backdrop_bg_color;
- box-shadow: none;
+ &:selected {
+ color: $selected_fg_color; //$text-color;
+ //background-color: $selected_bg_color; //$menu_selected_color;
+ @extend %selected_items;
+ }
+ &:selected:active {
+ @extend %selected_items;
+ color: $selected_fg_color;
+ //background-color: darken($bg_color,14%); // matching buttons
+ }
}
- > list,
- > .view,
- > toolbar {
- border-style: none;
- background-color: transparent;
+ label.title {
+ font-weight: bold;
+ padding: 4px ($_menu-padding + 20px); //this will fall apart with font sizing
}
+}
- .csd &, & {
- &.touch-selection,
- &.magnifier {
- @extend %osd;
+// initial styling for popover menu and bar
+menubar {
+ padding: 0px;
+ box-shadow: inset 0 -1px $borders_color;
- border: 1px solid transparentize(white, 0.9);
+ > item {
+ min-height: 16px;
+ padding: 4px 8px;
- button { @extend %osd_button };
+ &:selected { //Seems like it :hover even with keyboard focus
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ border-radius: 0;
}
- &.osd { @extend %osd; }
+ &:disabled {
+ color: $insensitive_fg_color;
+ box-shadow: none;
+ }
}
- separator { margin: 3px; }
-
- list separator { margin: 0px; }
+ & > item popover.menu.background > contents {
+ padding: 0; //$menu-margin;
+ }
+ //nested submenus
+ & > item popover.menu popover.menu {
+ padding: 0 0 4px 0;
+ }
+ & > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 0; //$popover_radius; //including top
+ }
}
//-----------//
// Notebooks //
//-----------//
notebook {
+ @include focus-ring("> header > tabs > tab:checked", $offset: -2px, $focus-state: 'focus:focus-visible');
+
> header {
- padding: 1px;
- border-color: $borders_color;
- border-width: 1px;
+ padding: 0;
+ border-width: if($zukitwo == 'false', 0, 1px);
background-color: if($variant=='light', $dark_fill, darken($base_color, 4%));
&.top, &.bottom { // custom style
- background-image: linear-gradient(to bottom, $dark_fill, lighten($dark_fill, 6%));
- box-shadow: inset 0 1px transparentize($borders_color, 0.65);
+ @if $zukitwo == 'false' {
+ box-shadow: inset 0 2px transparentize($borders_color, 0.65),
+ inset 0 -1px if($variant == 'light', transparentize(black, 0.92), transparentize(black, 0.8));
+ }
+ @else {
+ background-image: linear-gradient(to bottom, $dark_fill, lighten($dark_fill, 6%));
+ box-shadow: inset 0 1px transparentize($borders_color, 0.65);
+ }
}
- tabs { margin: 0px; }
+ > tabs { margin: 0; }
&.top, &.bottom, &.left, &.right {
& > tabs > tab {
@@ -2364,7 +2043,7 @@ notebook {
&.top {
border-bottom-style: solid;
> tabs {
- margin-bottom: -2px;
+ margin-bottom: -1px;
> tab {
&:checked {
box-shadow: inset 1px 1px $borders_color,
@@ -2377,9 +2056,9 @@ notebook {
&.bottom {
border-top-style: solid;
> tabs {
- margin-top: -2px;
+ margin-top: -1px;
> tab {
- &:checked {
+ &:checked {
box-shadow: inset 1px -1px $borders_color,
inset -1px 0 $borders_color;
}
@@ -2390,7 +2069,7 @@ notebook {
&.left {
border-right-style: solid;
> tabs {
- margin-right: -2px;
+ margin-right: -1px;
> tab {
&:checked {
box-shadow: inset 1px 1px $borders_color,
@@ -2403,7 +2082,7 @@ notebook {
&.right {
border-left-style: solid;
> tabs {
- margin-left: -2px;
+ margin-left: -1px;
> tab {
&:checked {
box-shadow: inset -1px 1px $borders_color,
@@ -2479,19 +2158,16 @@ notebook {
&:disabled { @include button(undecorated); }
}
- &.right > tabs > tab, &.left > tabs > tab { padding: 2px 10px; } // larger vertical padding on vertical tabs
-
- tab {
+ > tabs > tab {
+ //transition: $focus_transition;
min-height: 24px;
min-width: 24px;
- padding: 0px 10px;
-
- outline-offset: 0px;
+ padding: 0px 10px; //3px 12px;
- color: $insensitive_fg_color;
+ color: $fg_color;
font-weight: normal;
- border-width: 0px; // for reorderable tabs
+ border-width: 1px; // for reorderable tabs
border-color: transparent; //
&:hover {
@@ -2500,46 +2176,29 @@ notebook {
&.reorderable-page {
border-color: transparentize($borders_color, 0.7);
- //background-color: darken($dark_fill, 10%);
&:not(:checked) {
- //background-image: linear-gradient(to top, darken($dark_fill, 5%), darken($dark_fill, 8%));
background-color: darken($dark_fill, 3%);
}
}
}
- &:backdrop {
- color: mix($backdrop_fg_color, $backdrop_bg_color, 60%);
-
- &.reorderable-page {
- border-color: transparent;
- background-color: transparent;
- }
+ &:not(:checked) {
+ outline-color: transparent;
}
&:checked {
color: $fg_color;
&.reorderable-page {
border-color: transparent;
- background-color: $base_color;
- }
- }
-
- &:backdrop:checked {
- color: $backdrop_fg_color;
-
- &.reorderable-page {
- border-color: transparent;
- background-color: $backdrop_base_color;
+ //background-color: $bg_color;
}
}
// colors the button like the label, overridden otherwise
button.flat {
+ color: gtkalpha(currentColor, 0.3);
&:hover { color: currentColor; }
- &, &:backdrop { color: gtkalpha(currentColor, 0.3); }
-
padding: 0;
margin-top: 4px;
margin-bottom: 4px;
@@ -2561,9 +2220,9 @@ notebook {
&.top,
&.bottom {
- tabs {
- padding-left: 0px;
- padding-right: 0px;
+ > tabs {
+ padding-left: 0px; //4px;
+ padding-right: 0px; //4px;
&:not(:only-child) {
margin-left: 3px;
@@ -2573,9 +2232,9 @@ notebook {
&:last-child { margin-right: -1px; }
}
- tab {
- margin-left: 0px;
- margin-right: 0px;
+ > tab {
+ margin-left: 0px; //4px;
+ margin-right: 0px; //4px;
&.reorderable-page { border-style: none solid; }
}
@@ -2584,9 +2243,9 @@ notebook {
&.left,
&.right {
- tabs {
- padding-top: 0px;
- padding-bottom: 0px;
+ > tabs {
+ padding-top: 0px; //4px;
+ padding-bottom: 0px; //4px;
&:not(:only-child) {
margin-top: 3px;
@@ -2596,23 +2255,21 @@ notebook {
&:last-child { margin-bottom: -1px; }
}
- tab {
- margin-top: 0px;
- margin-bottom: 0px;
+ > tab {
+ margin-top: 4px;
+ margin-bottom: 4px;
&.reorderable-page { border-style: solid none; }
}
}
}
- &.top tab { padding-bottom: 4px; }
- &.bottom tab { padding-top: 4px; }
+ &.top > tabs > tab { padding-bottom: 4px; }
+ &.bottom > tabs > tab { padding-top: 4px; }
}
> stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks
background-color: $base_color;
-
- &:backdrop { background-color: $backdrop_base_color; }
}
}
@@ -2621,16 +2278,12 @@ notebook {
//------------//
scrollbar {
$_slider_min_length: 40px;
- $_button_size: 14px;
-
- // enable steppers
- @at-root * {
- -GtkScrollbar-has-backward-stepper: true;
- -GtkScrollbar-has-forward-stepper: true;
- }
+ $_slider_width: 14px;
+ $_scrollbar_transition: all $shorter_duration $ease-out-quad;
+ $_fine-tune_slider_border: $_slider_width - 3; //#3672
background-color: $scrollbar_bg_color;
- transition: $shorter_duration $ease-out-quad;
+ transition: $_scrollbar_transition;
// scrollbar border
&.top { border-bottom: 0px solid $borders_color; }
@@ -2638,33 +2291,34 @@ scrollbar {
&.left { border-right: 0px solid $borders_color; }
&.right { border-left: 0px solid $borders_color; }
- &.vertical {
- background-image: if($variant=='light',
- linear-gradient(to right,
- darken($scrollbar_bg_color, 4%),
- $scrollbar_bg_color),
- linear-gradient(to right,
- darken($base_color, 8%),
- darken($base_color, 6%)));
+ @if $zukitwo == 'true' {
+ &.vertical {
+ background-image: if($variant=='light',
+ linear-gradient(to right,
+ darken($scrollbar_bg_color, 4%),
+ $scrollbar_bg_color),
+ linear-gradient(to right,
+ darken($base_color, 8%),
+ darken($base_color, 6%)));
+ }
+
+ &.horizontal {
+ background-image: if($variant=='light',
+ linear-gradient(to bottom,
+ darken($scrollbar_bg_color, 4%),
+ $scrollbar_bg_color),
+ linear-gradient(to bottom,
+ darken($base_color, 8%),
+ darken($base_color, 6%)));
+ }
}
- &.horizontal {
- background-image: if($variant=='light',
- linear-gradient(to bottom,
- darken($scrollbar_bg_color, 4%),
- $scrollbar_bg_color),
- linear-gradient(to bottom,
- darken($base_color, 8%),
- darken($base_color, 6%)));
- }
-
- // slider
- slider {
- min-width: $_button_size;
- min-height: $_button_size;
- margin: -1px;
- border: 1px solid transparent;
- border-radius: $_button_size;
+ > range > trough > slider {
+ min-width: $_slider_width;
+ min-height: $_slider_width;
+ margin: if($zukitwo == 'false', 0px, -1px);
+ border: 0px solid transparent;
+ border-radius: 0;
background-clip: padding-box;
background-color: $scrollbar_slider_color;
transition: background-color $longer_duration;
@@ -2673,39 +2327,40 @@ scrollbar {
&:hover:active { background-color: $scrollbar_slider_active_color; }
- //&:backdrop { background-color: $backdrop_scrollbar_slider_color; }
-
&:disabled { background-color: transparent; }
}
- &.vertical slider {
- background-image: if($variant=='light', linear-gradient(to right, darken($scrollbar_slider_color, 2%), darken($scrollbar_slider_color, 8%)),
- linear-gradient(to right, lighten($base_color, 10%), lighten($base_color, 12%)));
+ @if $zukitwo == 'true' {
+ &.vertical slider {
+ background-image: if($variant=='light', linear-gradient(to right, darken($scrollbar_slider_color, 2%), darken($scrollbar_slider_color, 8%)),
+ linear-gradient(to right, lighten($base_color, 10%), lighten($base_color, 12%)));
- &:hover, &:hover:active {
- background-image: if($variant=='light', linear-gradient(to right, darken($scrollbar_slider_color, 10%), darken($scrollbar_slider_color, 16%)),
- linear-gradient(to right, lighten($base_color, 12%), lighten($base_color, 16%)));
+ &:hover, &:hover:active {
+ background-image: if($variant=='light', linear-gradient(to right, darken($scrollbar_slider_color, 10%), darken($scrollbar_slider_color, 16%)),
+ linear-gradient(to right, lighten($base_color, 12%), lighten($base_color, 16%)));
+ }
}
- }
- &.horizontal slider {
- background-image: if($variant=='light', linear-gradient(to bottom, darken($scrollbar_slider_color, 2%), darken($scrollbar_slider_color, 8%)),
- linear-gradient(to bottom, lighten($base_color, 10%), lighten($base_color, 12%)));
+ &.horizontal slider {
+ background-image: if($variant=='light', linear-gradient(to bottom, darken($scrollbar_slider_color, 2%), darken($scrollbar_slider_color, 8%)),
+ linear-gradient(to bottom, lighten($base_color, 10%), lighten($base_color, 12%)));
- &:hover, &:hover:active {
- background-image: if($variant=='light', linear-gradient(to bottom, darken($scrollbar_slider_color, 10%), darken($scrollbar_slider_color, 16%)),
- linear-gradient(to bottom, lighten($base_color, 12%), lighten($base_color, 16%)));
+ &:hover, &:hover:active {
+ background-image: if($variant=='light', linear-gradient(to bottom, darken($scrollbar_slider_color, 10%), darken($scrollbar_slider_color, 16%)),
+ linear-gradient(to bottom, lighten($base_color, 12%), lighten($base_color, 16%)));
+ }
}
}
- &.fine-tune {
- slider {
- min-width: 6px;
- min-height: 6px;
+ > range.fine-tune {
+ > trough > slider {
+ transition: none;
+ min-width: $_fine-tune_slider_border+1;
+ min-height: $_fine-tune_slider_border+1;
}
- //&.horizontal slider { border-width: 5px 4px; }
- //&.vertical slider { border-width: 4px 5px; }
+ &.horizontal > trough > slider { border-width: $_fine-tune_slider_border 4px; }
+ &.vertical > trough > slider { border-width: 4px $_fine-tune_slider_border; }
}
&.overlay-indicator {
@@ -2714,46 +2369,29 @@ scrollbar {
opacity: 0.4;
background-color: transparent;
- slider {
+ > range > trough > slider {
margin: 0;
- min-width: 6px;
- min-height: 6px;
+ min-width: if($zukitwo == 'false', 5px, 6px);
+ min-height: if($zukitwo == 'false', 5px, 6px);
background-color: $fg_color;
border: 0px solid if($variant == 'light', white, black);
- }
-
- button {
- min-width: $_button_size;
- min-height: $_button_size;
- background-color: transparent; //$fg_color;
- background-clip: padding-box;
- border-radius: 0;
- border: 0px solid transparent; //if($variant == 'light', white, black);
- -gtk-icon-source: none;
+ @if $zukitwo == 'false' {
+ box-shadow: inset 0 0 0 1px if($variant == 'light', white, black); // instead of a border that makes the scrollbar "jump"
+ }
}
&.horizontal {
- slider {
- margin: 0;
+ > range > trough > slider {
+ margin: 0 ;//0 2px;
min-width: $_slider_min_length;
}
-
- button {
- margin: 0; //1px 2px;
- min-width: $_button_size;
- }
}
&.vertical {
- slider {
- margin: 0;
+ > range > trough > slider {
+ margin: 0; //2px 0;
min-height: $_slider_min_length;
}
-
- button {
- margin: 0; //2px 1px;
- min-height: $_button_size;
- }
}
}
@@ -2761,54 +2399,8 @@ scrollbar {
&.hovering { opacity: 0.8; }
}
- &.horizontal slider { min-width: $_slider_min_length; }
-
- &.vertical slider { min-height: $_slider_min_length; }
-
- // button styling
- button {
- padding: 0;
- min-width: $_button_size;
- min-height: $_button_size;
- border-style: none;
- border-radius: 0;
- //transition-property: min-height, min-width, color;
- transition: none;
-
- @include button(undecorated);
-
- color: $scrollbar_slider_color;
-
- &:hover {
- @include button(undecorated);
-
- color: $scrollbar_slider_hover_color;
- }
- &:active, &:checked {
- @include button(undecorated);
-
- color: $scrollbar_slider_active_color;
- }
- &:disabled {
- @include button(undecorated);
-
- color: transparentize($scrollbar_slider_color, 0.8);
- }
- &:backdrop {
- @include button(undecorated);
-
- color: $backdrop_scrollbar_slider_color;
-
- &:disabled {
- @include button(undecorated);
-
- color: transparentize($backdrop_scrollbar_slider_color, 0.8);
- }
- }
- }
-
- // Custom button icons
- @extend %scrollbuttons;
+ &.horizontal > range > trough > slider { min-width: $_slider_min_length; }
+ &.vertical > range > trough > slider { min-height: $_slider_min_length; }
}
treeview ~ scrollbar.vertical {
@@ -2841,13 +2433,13 @@ switch {
(':backdrop:checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{transparentize($osd_fg_color, 0.2)}', '#{desaturate($checkradio_bg_color, 100%)}'), {
.view.content-view.check#{$check_state}:not(list),
- .content-view:not(list) check#{$check_state} {
+ .content-view .tile check#{$check_state}:not(list) {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #{$check_color};
background-color: #{$check_background};
- border-radius: 5px;
+ border-radius: $button_radius;
background-image: none;
transition: $short_duration;
box-shadow: none;
@@ -2857,43 +2449,26 @@ switch {
}
}
-checkbutton.text-button, radiobutton.text-button {
- // this is for a nice focus on check and radios text
- padding: 2px 0;
- outline-offset: 0;
+checkbutton {
+ border-spacing: 4px;
+ border-radius: $button_radius;
+ transition: $focus_transition;
+
+ @include focus-ring();
- label:not(:only-child) {
- &:first-child { margin-left: 4px; }
- &:last-child { margin-right: 4px; }
+ &.text-button {
+ // this is for a nice focus on check and radios text
+ padding: 4px;
}
}
check,
radio {
- margin: 0 4px;
-
- &:only-child { margin: 0; }
-
- popover & { // when in a popover add more space between the label and the check, reset the other side margin.
- // See https://bugzilla.gnome.org/show_bug.cgi?id=779570 for details.
- &.left:dir(rtl) {
- margin-left: 0;
- margin-right: 12px;
- }
-
- &.right:dir(ltr) {
- margin-left: 12px;
- margin-right: 0;
- }
- }
-
min-height: 14px;
min-width: 14px;
border: 1px solid;
-gtk-icon-source: none;
- @include button(normal-alt, $edge: $shadow_color);
-
& {
// for unchecked
$_c: if($variant=='light', white, $bg_color);
@@ -2901,9 +2476,7 @@ radio {
@each $state, $t in ("", "normal"),
(":hover", "hover"),
(":active", "active"),
- (":disabled", "insensitive"),
- (":backdrop", "backdrop"),
- (":backdrop:disabled", 'backdrop-insensitive') {
+ (":disabled", "insensitive") {
&#{$state} {
@include check($t, $_c);
}
@@ -2917,9 +2490,7 @@ radio {
@each $state, $t in ("", "normal"),
(":hover", "hover"),
(":active", "active"),
- (":disabled", "insensitive"),
- (":backdrop", "backdrop"),
- (":backdrop:disabled", 'backdrop-insensitive') {
+ (":disabled", "insensitive") {
&#{$state} {
@include check($t, $checkradio_bg_color, $checkradio_fg_color, $checked: true);
}
@@ -2927,7 +2498,7 @@ radio {
}
}
}
-
+
@if $variant == 'light' {
// the borders of the light variant versions of checks and radios are too similar in luminosity to the selected background
// color, hence we need special casing.
@@ -2939,72 +2510,32 @@ radio {
&:hover { @include button(osd); }
&:active { @include button(osd-active); }
- &:backdrop { @include button(osd-backdrop); }
&:disabled { @include button(osd-insensitive); }
}
-
- menu menuitem & {
- margin: 0; // this is a workaround for a menu check/radio size allocation issue
-
- &, &:checked, &:indeterminate {
- &, &:hover, &:disabled { //FIXME use button reset mixin
- min-height: 14px;
- min-width: 14px;
- background-image: none;
- background-color: transparent;
- box-shadow: none;
- -gtk-icon-shadow: none;
- color: inherit;
- border-color: currentColor;
- }
- }
- }
}
%check,
check {
border-radius: $button_radius;
+ -gtk-icon-size: 14px;
- &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")),
- -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+ &:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/check-symbolic.symbolic.png")),
+ -gtk-recolor(url("../gtk-3.0/assets/check@2-symbolic.symbolic.png"))); }
- &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")),
- -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+ &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")),
+ -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
}
%radio,
radio {
border-radius: 100%;
+ -gtk-icon-size: 14px;
- &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")),
- -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
-
- &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")),
- -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
-}
-
-// ANIMATION:
-// this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes,
-// the transformation is set on the active state and it get reset on the checked state.
-radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+ &:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/bullet-symbolic.symbolic.png")),
+ -gtk-recolor(url("../gtk-3.0/assets/bullet@2-symbolic.symbolic.png"))); }
-check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
-
-radio,
-check {
- &:active { -gtk-icon-transform: scale(0, 1); } // should tackle the indeterminate state, untested
-
- &:checked:not(:backdrop), &:indeterminate:not(:backdrop) {
- -gtk-icon-transform: unset;
- transition: $longer_duration;
- }
-}
-
-menu menuitem {
- radio,
- check {
- &:checked:not(:backdrop), &:indeterminate:not(:backdrop) { transition: none; }
- }
+ &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")),
+ -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
}
treeview.view check,
@@ -3025,13 +2556,23 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work
//----------//
%scale_trough {
border: 1px solid $dark_fill;
- border-radius: $button_radius + 2;
+ border-radius: if($zukitwo == 'false', $button_radius, $button_radius + 1);
background-color: $dark_fill;
- &:disabled { background-color: $insensitive_bg_color; }
+ headerbar & { background-color: darken($dark_fill,8%); } //3504
+
+ &:disabled {
+ background-color: $insensitive_bg_color;
+ border-color: $insensitive_borders_color;
+ }
// ...on selected list rows
- row:selected & { &:disabled, & { border-color: $selected_borders_color; }}
+ row:selected & {
+ &:disabled, & {
+ outline-color: $alt_focus_border_color;
+ border-color: $selected_borders_color;
+ }
+ }
// OSD
.osd & {
@@ -3044,7 +2585,7 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work
%scale_highlight {
border: 1px solid $progress_bg_color;
- border-radius: $button_radius + 2;
+ border-radius: if($zukitwo == 'false', $button_radius, $button_radius + 1);
background-color: $progress_bg_color;
&:disabled {
@@ -3052,15 +2593,6 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work
border-color: transparent;
}
- &:backdrop {
- border-color: if($variant=='light', $progress_bg_color,
- $progress_border_color);
- &:disabled {
- background-color: transparent;
- border-color: transparent;
- }
- }
-
// ...on selected list rows
row:selected & { &:disabled, & { border-color: $selected_borders_color; }}
@@ -3081,16 +2613,22 @@ scale {
min-width: 10px;
padding: 12px;
+ @include focus-ring("> trough", $offset: 10px);
+
// those are inside the trough node, I need them to show their own border over the trough one, so negative margin
- fill,
- highlight { margin: -1px; }
+ > trough {
+ transition: $focus_transition;
+
+ > fill,
+ > highlight { margin: -1px; }
// the slider is inside the trough, so to have make it bigger there's a negative margin
- slider {
- min-height: 18px;
- min-width: 18px;
- margin: -9px;
+ > slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -9px;
+ }
}
// click-and-hold the slider to activate
@@ -3108,39 +2646,32 @@ scale {
}
// to make the trough grow in fine-tune mode
- slider { margin: -6px; }
+ > trough > slider { margin: -6px; }
- fill,
- highlight,
- trough {
+ > trough > fill,
+ > trough > highlight,
+ > trough {
border-radius: 5px;
- -gtk-outline-radius: 7px;
}
}
// the backing bit
- trough {
+ > trough {
@extend %scale_trough;
-
- outline-offset: 2px;
- -gtk-outline-radius: 5px;
}
// the colored part of the backing bit
- highlight { @extend %scale_highlight; }
+ > trough > highlight { @extend %scale_highlight; }
// this is another differently styled part of the backing bit, the most relevant use case is for example
// in media player to indicate how much video stream as been cached
- fill {
+ > trough > fill {
@extend %scale_trough;
- &:backdrop, & { background-color: $borders_color; }
&:disabled {
- &:backdrop, & {
- border-color: transparent;
- background-color: transparent;
- }
+ border-color: transparent;
+ background-color: transparent;
}
// OSD
@@ -3148,25 +2679,27 @@ scale {
background-color: mix($osd_fg_color, $osd_borders_color, 25%);
&:disabled {
- &:backdrop, & {
- border-color: transparent;
- background-color: transparent;
- }
+ border-color: transparent;
+ background-color: transparent;
}
}
}
- slider {
- @include button(normal-alt, $edge: $shadow_color);
-
- border: 1px solid darken($alt_borders_color, 3%);
+ > trough > slider {
+ @include button(normal);
+ border-width: 1px;
+ border-style: solid;
border-radius: 100%;
transition: $button_transition;
transition-property: background, border, box-shadow;
- &:hover { @include button(hover-alt, $edge: $shadow_color); }
+ &:hover {
+ @include button(hover);
+ box-shadow: 0 0 0 3px transparentize($selected_bg_color, 0.7);
+ border-color: $selected_bg_color;
+ }
- &:active { border-color: $progress_border_color; }
+ &:active { border-color: $selected_borders_color; }
&:disabled { @include button(insensitive); }
@@ -3193,119 +2726,74 @@ scale {
@include button(osd-insensitive);
background-color: opacify($osd_bg_color, 1); // solid background needed here
}
-
- &:backdrop {
- @include button(osd-backdrop);
- background-color: opacify($osd_bg_color, 1); // solid background needed here
-
- &:disabled {
- @include button(osd-backdrop-insensitive);
- background-color: opacify($osd_bg_color, 1); // solid background needed here
- }
- }
}
}
- marks,
- value {
+ > value {
color: gtkalpha(currentColor, 0.55);
font-feature-settings: "tnum";
}
- //marks margins
- @each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom),
- (horizontal, bottom, bottom, top),
- (vertical, top, left, right),
- (vertical, bottom, right, left) {
- &.#{$scale_orient} marks {
- &.#{$marks_class} {
- margin-#{$marks_margin}: $_marks_distance;
- margin-#{$marks_pos}: -($_marks_distance + $_marks_length);
+ &.horizontal {
+ > marks {
+ color: gtkalpha(currentColor, 0.55);
+ &.top { margin-bottom: $_marks_distance; }
+ &.bottom { margin-top: $_marks_distance; }
+
+ indicator {
+ background-color: currentColor;
+ min-height: $_marks_length;
+ min-width: 1px;
}
}
- &.#{$scale_orient}.fine-tune marks {
- &.#{$marks_class} {
- margin-#{$marks_margin}: $_marks_distance;
- margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 3px);
- }
- }
- }
+ > value.left { margin-right: 9px; }
+ > value.right { margin-left: 9px; }
- &.horizontal {
- indicator {
- min-height: $_marks_length;
- min-width: 1px;
- }
+ &.fine-tune >marks {
+ &.top { margin-top: 3px; }
+ &.bottom { margin-bottom: 3px; }
- &.fine-tune indicator { min-height: ($_marks_length - 3px); }
+ indicator { min-height: ($_marks_length - 3px); }
+ }
}
&.vertical {
- indicator {
- min-height: 1px;
- min-width: $_marks_length;
+ > marks {
+ color: gtkalpha(currentColor, 0.55);
+ &.top { margin-right: $_marks_distance; }
+ &.bottom { margin-left: $_marks_distance; }
+
+ indicator {
+ background-color: currentColor;
+ min-height: 1px;
+ min-width: $_marks_length;
+ }
}
- &.fine-tune indicator { min-width: ($_marks_length - 3px); }
- }
-
- // Custom style: scale with marks madness - parts borrowed from https://github.com/hrdwrrsk/tetra-gtk-theme
- @each $dir_class, $dir_infix in ('horizontal', 'horz'),
- ('vertical', 'vert') {
- @each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'),
- ('scale-has-marks-below', 'marks-after:not(.marks-before)') {
- &.#{$dir_class}.#{$marks_class} {
- slider {
- margin: -11px -4px;
- padding: 0px;
- border-radius: $button-radius;
+ > value.top { margin-bottom: 9px; }
+ > value.bottom { margin-top: 9px; }
- $_scale_slider_bg_pos: bottom;
+ &.fine-tune >marks {
+ &.top { margin-left: 3px; }
+ &.bottom { margin-right: 3px; }
- @if $dir_class == 'horizontal' {
- min-height: 22px;
- min-width: 9px;
-
- @if $marks_infix == 'scale-has-marks-above' {
- $_scale_slider_bg_pos: top;
- }
- }
- @else {
- margin: -4px -11px;
- min-height: 9px;
- min-width: 22px;
-
- @if $marks_infix == 'scale-has-marks-above' {
- $_scale_slider_bg_pos: left bottom;
- }
-
- @else {
- $_scale_slider_bg_pos: right bottom;
- }
- }
- }
+ indicator { min-height: ($_marks_length - 3px); }
+ }
+ }
- &.fine-tune slider {
- // bigger negative margins to make the trough grow here as well
- margin: -8px -4px;
+ // *WARNING* scale with marks madness following
- @if $dir_class == 'horizontal' {
- }
+ // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those...
+ $suffix: if($variant == 'light', '', '-dark');
- @else {
- margin: -4px -8px;
- }
- }
- }
- }
- }
+ @extend %scale_madness; // styled in _custom.scss
&.color {
min-height: 0;
min-width: 0;
- trough {
+ > trough {
background-image: image($borders_color);
background-repeat: no-repeat;
}
@@ -3313,15 +2801,15 @@ scale {
&.horizontal {
padding: 0 0 15px 0;
- trough {
+ > trough {
padding-bottom: 4px;
background-position: 0 -3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
- slider {
- &:dir(ltr), &:dir(rtl) { // specificity bumb
+ > trough > slider {
+ &:dir(ltr), &:dir(rtl) { // specificity bump
&:hover, &:backdrop, &:disabled, &:backdrop:disabled, & {
margin-bottom: -15px;
margin-top: 6px;
@@ -3334,14 +2822,14 @@ scale {
&:dir(ltr) {
padding: 0 0 0 15px;
- trough {
+ > trough {
padding-left: 4px;
background-position: 3px 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
- slider {
+ > trough > slider {
&:hover, &:backdrop, &:disabled, &:backdrop:disabled, & {
margin-left: -15px;
margin-right: 6px;
@@ -3352,14 +2840,14 @@ scale {
&:dir(rtl) {
padding: 0 15px 0 0;
- trough {
+ > trough {
padding-right: 4px;
background-position: -3px 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
- slider {
+ > trough > slider {
&:hover, &:backdrop, &:disabled, &:backdrop:disabled, & {
margin-right: -15px;
margin-left: 6px;
@@ -3373,12 +2861,12 @@ scale {
&:dir(ltr), &:dir(rtl) { // specificity bump
padding: 0 0 12px 0;
- trough {
+ > trough {
padding-bottom: 7px;
background-position: 0 -6px;
}
- slider {
+ > trough > slider {
margin-bottom: -15px;
margin-top: 6px;
}
@@ -3389,12 +2877,12 @@ scale {
&:dir(ltr) {
padding: 0 0 0 12px;
- trough {
+ > trough {
padding-left: 7px;
background-position: 6px 0;
}
- slider {
+ > trough > slider {
margin-left: -15px;
margin-right: 6px;
}
@@ -3403,12 +2891,12 @@ scale {
&:dir(rtl) {
padding: 0 12px 0 0;
- trough {
+ > trough {
padding-right: 7px;
background-position: -6px 0;
}
- slider {
+ > trough > slider {
margin-right: -15px;
margin-left: 6px;
}
@@ -3424,49 +2912,57 @@ scale {
progressbar {
// sizing
&.horizontal {
- trough,
- progress { min-height: 2px; }
+ > trough {
+ min-width: 150px;
+ &, > progress { min-height: 2px; }
+ }
}
&.vertical {
- trough,
- progress { min-width: 2px; }
+ > trough {
+ min-height: 80px;
+ &, > progress { min-width: 2px; }
+ }
}
- &.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border
- &.vertical progress { margin: -1px 0; } // this moves it over it.
-
+ &.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border
+ &.vertical > trough > progress { margin: -1px 0; } // this moves it over it.
// FIXME: insensitive state missing and some other state should be set probably
font-size: smaller;
color: transparentize($fg_color, 0.6);
font-feature-settings: "tnum";
- trough { @extend %scale_trough; }
+ > trough { @extend %scale_trough; }
- progress {
- @extend %scale_highlight;
+ > trough > progress {
+ @extend %scale_highlight; // share most of scales
+ // override insensitive that is specific to progress
+ &:disabled {
+ background-color: $insensitive_fg_color;
+ border-color: $insensitive_fg_color;
+ }
border-radius: 1.5px;
-
+ $_progress-radius: 5px;
&.left {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
+ border-top-left-radius: $_progress-radius;
+ border-bottom-left-radius: $_progress-radius;
}
&.right {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
+ border-top-right-radius: $_progress-radius;
+ border-bottom-right-radius: $_progress-radius;
}
&.top {
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
+ border-top-right-radius: $_progress-radius;
+ border-top-left-radius: $_progress-radius;
}
&.bottom {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
+ border-bottom-right-radius: $_progress-radius;
+ border-bottom-left-radius: $_progress-radius;
}
}
@@ -3475,88 +2971,103 @@ progressbar {
min-height: 3px;
background-color: transparent;
- trough {
+ > trough {
border-style: none;
border-radius: 0;
background-color: transparent;
box-shadow: none;
- }
- progress {
- border-style: none;
- border-radius: 0;
+ > progress {
+ border-style: none;
+ border-radius: 0;
+ }
}
}
- trough.empty progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0
+ > trough.empty > progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0
}
//-----------//
// Level Bar //
//-----------//
+
+$_levelbar_size: 9px;
+$_levelbar_border_radius: 5px;
+
levelbar {
&.horizontal {
- block {
- min-height: 1px;
+ trough > block {
+ min-height: $_levelbar_size;
+ border-radius: $_levelbar_border_radius;
+
+ &:dir(rtl) {
+ border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0;
+ }
+
+ &:dir(ltr) {
+ border-radius: $_levelbar_border_radius 0 0 $_levelbar_border_radius;
+ }
+
+ &.empty,&.full {
+ border-radius: $_levelbar_border_radius;
+ }
}
- &.discrete block {
- margin: 0 1px;
- min-width: 32px;
+ // segmented level bar
+ &.discrete {
+ trough > block {
+ min-height: 2px;
+ margin: 1px;
+ min-width: 24px;
+ border-radius:0;
+ &:first-child {border-radius: 2px 0 0 2px;}
+ &:last-child {
+ border-radius: 0 2px 2px 0;
+ }
+ }
}
}
&.vertical {
- block {
- min-width: 1px;
+ trough > block {
+ min-width: $_levelbar_size;
+ border-radius: $_levelbar_border_radius;
}
- &.discrete block {
+ &.discrete > trough > block {
+ min-width: $_levelbar_size - 7px;
margin: 1px 0;
min-height: 32px;
}
}
- trough {
- border: 1px solid;
- padding: 2px;
- border-radius: $button_radius;
- @include entry(normal);
-
- &:backdrop { @include entry(backdrop); }
+ > trough {
+ padding: 0;
}
- block {
+ // level bar colours
+ > trough > block {
border: 1px solid;
- border-radius: 1px;
&.low {
- border-color: if($variant == 'light', darken($warning_color, 20%), $warning_color);
+ border-color: $warning_color;
background-color: $warning_color;
-
- &:backdrop { border-color: $warning_color; };
}
&.high,
&:not(.empty) {
- border-color: if($variant == 'light', darken($progress_bg_color, 20%), $progress_bg_color);
- background-color: $progress_bg_color;
-
- &:backdrop { border-color: $progress_bg_color; }
+ border-color: $selected_bg_color;
+ background-color: $selected_bg_color;
}
&.full {
- border-color: if($variant == 'light', darken($success_color, 20%), $success_color);
+ border-color: $success_color;
background-color: $success_color;
-
- &:backdrop { border-color: $success_color; };
}
&.empty {
- background-color: transparent;
- border-color: if($variant == 'light', transparentize($fg_color,0.8), transparentize($fg_color,0.9));
-
- &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); }
+ background-color: darken($bg_color, 5%);
+ border-color: darken($bg_color, 5%);
}
}
}
@@ -3564,17 +3075,19 @@ levelbar {
//--------------//
// Print dialog //
//--------------//
-printdialog {
- paper {
+window.dialog.print {
+ drawing {
color: $fg_color;
- border: 1px solid $borders_color;
- background: white;
+ background: none;
+ border: none;
padding: 0;
- &:backdrop {
- color: $backdrop_fg_color;
- border-color: $backdrop_borders_color;
+ paper {
+ background: white;
+ color: #2e3436;
+ border: 1px solid $borders_color;
}
+
}
.dialog-action-box { margin: 12px; }
@@ -3583,73 +3096,65 @@ printdialog {
//--------//
// Frames //
//--------//
-frame > border,
+frame,
.frame {
- box-shadow: none;
- margin: 0;
- padding: 0;
- border-radius: 0;
border: 1px solid $borders_color;
+}
- &.flat { border-style: none; }
+frame {
+ border-radius: $window_radius;
- &:backdrop { border-color: $backdrop_borders_color; }
+ > label {
+ margin: 4px;
+ }
}
-actionbar > revealer > box {
+actionbar > revealer > box {
padding: 6px;
+ border-spacing: 6px;
border-top: 1px solid $borders_color;
-
- &:backdrop { border-color: $backdrop_borders_color; }
}
scrolledwindow {
- viewport.frame { // avoid double borders when viewport inside scrolled window
- border-style: none;
- }
-
// This is used when content is touch-dragged past boundaries.
// draws a box on top of the content, the size changes programmatically.
- overshoot {
+ > overshoot {
&.top {
@include overshoot(top);
-
- &:backdrop { @include overshoot(top, backdrop); }
}
&.bottom {
@include overshoot(bottom);
-
- &:backdrop { @include overshoot(bottom, backdrop); }
}
&.left {
@include overshoot(left);
-
- &:backdrop { @include overshoot(left, backdrop); }
}
&.right {
@include overshoot(right);
-
- &:backdrop { @include overshoot(right, backdrop); }
}
}
+ > junction { // the small square between two scrollbars
+ // Only color the top-left (or top right in RTL) pixel, to visually connect
+ // the borders of the two scrollbars.
- junction { // the small square between two scrollbars
- border-color: transparent;
- // the border image is used to add the missing dot between the borders, details, details, details...
- border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch;
- background-color: $scrollbar_bg_color;
+ background: $borders_color,
+ linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px),
+ linear-gradient(to right, transparent 1px, $scrollbar_bg_color 1px);
- &:dir(rtl) { border-image-slice: 0 1 0 0; }
+ &:dir(rtl) {
+ background: $borders_color,
+ linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px),
+ linear-gradient(to left, transparent 1px, $scrollbar_bg_color 1px);
+ }
}
}
//vbox and hbox separators
separator {
- background: transparentize(black, 0.9);
+ background: lighten($borders_color, 5%);
min-width: 1px;
min-height: 1px;
}
@@ -3657,6 +3162,7 @@ separator {
//-------//
// Lists //
//-------//
+listview,
list {
color: $text_color;
background-color: $base_color;
@@ -3668,13 +3174,22 @@ list {
border-color: $backdrop_borders_color;
}
- row { padding: 2px; }
+ > row { padding: 2px; }
+ > row.expander { padding: 0px; }
+ > row.expander .row-header { padding: 2px; }
+
+ &.horizontal row.separator,
+ &.separators.horizontal > row:not(.separator) {
+ border-left: 1px solid $_treeview_borders_color;
+ }
+ &:not(.horizontal) row.separator,
+ &.separators:not(.horizontal) > row:not(.separator) {
+ border-bottom: 1px solid $_treeview_borders_color;
+ }
}
row {
- transition: all $shorter_duration $ease-out-quad;
-
- &:hover { transition: none; }
+ @include focus-ring();
&.activatable {
&.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
@@ -3683,30 +3198,97 @@ row {
&:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); }
- &:backdrop:hover { background-color: transparent; }
-
&:selected {
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
&.has-open-popup,
&:hover { background-color: mix($fg_color, $selected_bg_color, 10%); }
+ }
+ }
+
+ &:selected {
+ outline-color: $alt_focus_border_color;
+
+ @extend %selected_items;
+ }
+}
+
+columnview {
+ // move padding to child cells
+ > listview > row {
+ padding: 0;
+
+ // align horizontal sizing with header buttons
+ > cell {
+ padding: 8px 6px;
- &:backdrop { background-color: $selected_bg_color; }
+ &:not(:first-child) {
+ border-left: 1px solid transparent;
+ }
}
}
- &:selected { @extend %selected_items; }
+ // make column separators visible when :show-column-separators is true
+ &.column-separators > listview > row > cell {
+ border-left-color: $_treeview_borders_color;
+ }
+
+ // shrink vertically for .data-table
+ &.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+ }
+}
+
+treeexpander {
+ border-spacing: 4px;
+}
+
+//------------------------------------------------------//
+// Data Tables //
+// treeview like tables with individual focusable cells //
+// https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 //
+//------------------------------------------------------//
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid $focus_border_color;
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid $selected_bg_color;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: $selected_fg_color;
+ background-color: $selected_bg_color;
+}
+
+//--------------------------------------------------//
+// Rich Lists //
+// Large list usually containing lots of widgets //
+// https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 //
+//--------------------------------------------------//
+
+.rich-list { // rich lists usually containing other widgets than just labels/text
+ & > row {
+ padding: 8px 12px;
+ min-height: 32px; // should be tall even when only containing a label
+
+ & > box {
+ border-spacing: 12px;
+ }
+ }
}
//-------------------//
// App Notifications //
//-------------------//
-.app-notification,
-.app-notification.frame {
+.app-notification {
@extend %osd;
padding: 10px;
- border-radius: 0 0 $window_radius $window_radius;
+ border-spacing: 10px;
+ border-radius: 0 0 5px 5px;
background-color: $osd_bg_color;
background-image: linear-gradient(to bottom, transparentize(black, 0.8),
transparent 2px);
@@ -3721,17 +3303,36 @@ row {
// Expanders //
//-----------//
expander {
- title > arrow {
- min-width: 16px;
- min-height: 16px;
- -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
- &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
+ min-width: 16px;
+ min-height: 16px;
+ -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
- &:disabled { color: $insensitive_fg_color; }
- &:disabled:backdrop { color: $backdrop_insensitive_color; }
+ &:disabled { color: $insensitive_fg_color; }
+
+ &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
+}
+
+expander-widget {
+ @include focus-ring("> box > title");
+
+ > box > title {
+ transition: $focus_transition;
+ border-radius: $button_radius;
+
+ &:hover > expander {
+ color: lighten($fg_color,30%); //only lightens the icon
+ }
+ }
+}
- &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
+.navigation-sidebar,
+placessidebar,
+stackswitcher,
+expander-widget {
+ &:not(decoration):not(window):drop(active):focus,
+ &:not(decoration):not(window):drop(active) {
+ box-shadow: none;
}
}
@@ -3742,55 +3343,77 @@ calendar {
color: $text_color;
border: 1px solid $borders_color;
- &:selected {
- @extend %selected_items;
-
- border-radius: $button_radius;
- }
-
- &.header {
- border-bottom-color: transparentize(black, 0.9);
+ > header {
+ border-bottom: 1px solid $borders_color;
- &:backdrop { border-bottom-color: transparentize(black, 0.9); }
+ > button {
+ border: none;
+ box-shadow: none;
+ background: none;
+ border-radius: 0;
+ }
+ > button:backdrop {
+ background: none;
+ }
}
- &.button {
- @extend %undecorated_button;
+ > grid {
+ > label.day-name {
+ }
- color: transparentize($fg_color, 0.55);
+ > label.week-number {
+ }
- &:hover { color: $fg_color; }
+ > label.today {
+ box-shadow: inset 0px -2px $borders_color;
- &:backdrop { color: transparentize($backdrop_fg_color,0.55); }
+ &:selected {
+ box-shadow: none;
+ }
+ }
- &:disabled { color: transparentize($insensitive_fg_color,0.55); }
- }
+ > label:focus {
+ outline-color: $focus_border_color;
+ outline-offset: -2px;
+ outline-width: 2px;
+ outline-style: solid;
+ }
- &.highlight {
- color: $insensitive_fg_color;
+ > label.day-number {
+ padding: 4px;
- &:backdrop { color: $backdrop_insensitive_color; }
- }
+ &:selected{
+ @extend %selected_items;
+ border-radius: $button_radius;
+ }
+ }
- &:backdrop {
- color: $backdrop_text_color;
- border-color: $backdrop_borders_color;
+ > label.day-number.other-month {
+ color: gtkalpha(currentColor, 0.3);
+ }
}
-
- &:indeterminate { color: gtkalpha(currentColor, 0.1); }
}
//---------//
// Dialogs //
//---------//
-messagedialog { // Message Dialog styling
+window.dialog.message { // Message Dialog styling
.titlebar {
min-height: 20px;
background-image: none;
background-color: $bg_color;
border-style: none;
- border-top-left-radius: 7px;
- border-top-right-radius: 7px;
+ border-top-left-radius: $window_radius;
+ border-top-right-radius: $window_radius;
+ }
+
+ box.dialog-vbox.vertical {
+ border-spacing: 10px;
+ }
+
+ & label.title {
+ font-weight: 800;
+ font-size: 15pt;
}
&.csd { // rounded bottom border styling for csd version
@@ -3802,19 +3425,18 @@ messagedialog { // Message Dialog styling
.dialog-action-area button {
padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
+ border-radius: 0;
+ border-left-style: solid;
border-right-style: none;
border-bottom-style: none;
- border-radius: 0;
- -gtk-outline-radius: 0;
- &:first-child {
+ &:first-child{
border-left-style: none;
- border-bottom-left-radius: $button_radius + 2;
- -gtk-outline-bottom-left-radius: $button_radius + 2;
+ border-bottom-left-radius: $button_radius;
}
+
&:last-child {
- border-bottom-right-radius: $button_radius + 2;
- -gtk-outline-bottom-right-radius: $button_radius + 2;
+ border-bottom-right-radius: $button_radius;
}
}
}
@@ -3823,13 +3445,15 @@ messagedialog { // Message Dialog styling
filechooser {
.dialog-action-box {
border-top: 1px solid $borders_color;
-
- &:backdrop { border-top-color: $backdrop_borders_color; }
}
#pathbarbox { border-bottom: 1px solid $bg_color; }
}
+
+filechooserbutton>button>box {
+ border-spacing: 6px;
+}
filechooserbutton:drop(active) {
box-shadow: none;
border-color: transparent;
@@ -3839,7 +3463,6 @@ filechooserbutton:drop(active) {
// Sidebar //
//---------//
.sidebar {
- border-style: none;
background-color: mix($bg_color, $base_color, 50%);
&:not(separator) {
@@ -3859,23 +3482,20 @@ filechooserbutton:drop(active) {
}
}
+ listview.view,
list { background-color: transparent; }
paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }}
}
stacksidebar {
- &.sidebar {
- &:dir(ltr),
- &.left,
- &.left:dir(rtl) { list { @extend %sidebar_left; }}
-
- &:dir(rtl),
- &.right { list { @extend %sidebar_right; }}
+ //not a regular list
+ list.separators:not(.horizontal) > row:not(.separator) {
+ border-bottom: none;
}
-
row {
padding: 10px 4px;
+ @include focus-ring();
> label {
padding-left: 6px;
@@ -3884,58 +3504,85 @@ stacksidebar {
&.needs-attention > label {
@extend %needs_attention;
-
- background-size: 6px 6px, 0 0;
+ background-size: 6px 6px, 0 0;
+ }
+ &:selected {
+ background-color: $selected_bg_color; //$menu_selected_color;
+ border-radius: $menu_radius;
+ color: $selected_fg_color; //$fg_color;
+ }
+ &:selected:hover:dir(ltr), &:selected:hover:dir(rtl) {
+ background-color: $selected_bg_color; //darken($menu_selected_color,5%);
+ }
+ &.activatable:active, &.activatable:selected:active {
+ box-shadow: none; // #3413
}
}
}
separator.sidebar {
background-color: $borders_color;
+}
- &:backdrop {
- background-color: $backdrop_borders_color;
+//--------------------//
+// Navigation Sidebar //
+//--------------------//
+
+.navigation-sidebar {
+ padding: 0; //$menu-margin 0; //only vertical padding. horizontal row size would clip
+
+ > separator {
+ margin: $menu-margin;
}
- &.selection-mode,
- .selection-mode & {
- background-color: darken($suggested_bg_color, 20%);
+ > row {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 0; //$menu-margin;
+ margin: 0; // 0 $menu-margin 2px;
+ @include focus-ring($focus-state: 'focus-visible:focus-within');
+ &:hover,
+ &:backdrop:hover {
+ background-color: gtkalpha(currentColor, .06);
+ }
+
+ &:selected {
+ &, &:backdrop:hover {
+ background-color: $selected_bg_color; //$menu_selected_color;
+ }
+ color: $selected_fg_color; //inherit;
+
+ //&:hover {
+ // background-color: darken($menu_selected_color,5%);
+ //}
+ }
+
+ &:disabled { color: $insensitive_fg_color; }
}
}
//--------------//
// File chooser //
//--------------//
+
$_placesidebar_icons_opacity: 0.7;
row image.sidebar-icon { opacity: $_placesidebar_icons_opacity; } // dim the sidebar icons
- // see bug #786613 for details
+ // see bug #786613 for details
// on this oddity
-placessidebar {
- > viewport.frame { border-style: none; }
+// this should be more generic, only using .navigation-sidebar
+// https://gitlab.gnome.org/GNOME/gtk/-/issues/2929
- row {
- // Needs overriding of the GtkListBoxRow padding
- min-height: 36px;
- padding: 0px;
+placessidebar {
+ .navigation-sidebar > row {
+ // Needs overriding of the `.navigation-sidebar > row` padding
+ padding: 0;
// Using margins/padding directly in the SidebarRow
// will make the animation of the new bookmark row jump
> revealer { padding: 0 14px; }
- &:selected { color: $selected_fg_color; }
-
- &:disabled { color: $insensitive_fg_color; }
-
- &:backdrop {
- color: $backdrop_fg_color;
-
- &:selected { color: $backdrop_selected_fg_color; }
-
- &:disabled { color: $backdrop_insensitive_color; }
- }
-
image.sidebar-icon {
&:dir(ltr) { padding-right: 8px; }
&:dir(rtl) { padding-left: 8px; }
@@ -3950,17 +3597,12 @@ placessidebar {
@extend %button_basic_flat;
@extend %button_selected_flat;
-
min-height: 26px;
min-width: 26px;
margin-top: 3px;
margin-bottom: 3px;
padding: 0;
border-radius: 100%;
- -gtk-outline-radius: 100%;
-
- &:not(:hover):not(:active),
- &:backdrop { > image { opacity: $_placesidebar_icons_opacity; }}
}
// in the sidebar case it makes no sense to click the selected row
@@ -3990,21 +3632,19 @@ placessidebar {
placesview {
.server-list-button > image {
- transition: $short_duration $ease-out-quad;
+ transition: 200ms $ease-out-quad;
-gtk-icon-transform: rotate(0turn);
}
.server-list-button:checked > image {
- transition: $short_duration $ease-out-quad;
+ transition: 200ms $ease-out-quad;
-gtk-icon-transform: rotate(-0.5turn);
}
- row.activatable:hover { background-color: transparent; }
+ row.activatable:hover { }
- // this selects the "connect to server" label
- > actionbar > revealer > box > label {
- padding-left: 8px;
- padding-right: 8px;
+ > actionbar > revealer > box > box{
+ border-spacing: 6px;
}
}
@@ -4018,26 +3658,18 @@ paned {
-gtk-icon-source: none; // defeats the ugly default handle decoration
border-style: none; // just to be sure
background-color: transparent;
- // workaround, using background istead of a border since the border will get rendered twice (?)
+ // workaround, using background instead of a border since the border will get rendered twice (?)
background-image: image($borders_color);
background-size: 1px 1px;
&:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
- &:backdrop { background-image: image($backdrop_borders_color); }
-
&.wide {
min-width: 5px;
min-height: 5px;
background-color: $bg_color;
background-image: image($borders_color), image($borders_color);
background-size: 1px 1px, 1px 1px;
-
- &:backdrop {
- background-color: $backdrop_bg_color;
- background-image: image($backdrop_borders_color),
- image($backdrop_borders_color);
- }
}
}
@@ -4078,63 +3710,17 @@ paned {
}
}
-//------------//
-// GtkInfoBar //
-//------------//
-infobar {
- border-style: none;
-
- &.action:hover > revealer > box {
- background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%),
- desaturate(darken(invert($selected_bg_color),42%), 70%));
- border-bottom: 1px solid lighten($borders_color, 5%);
- }
-
- &.info,
- &.question,
- &.warning,
- &.error {
- &:backdrop > revealer > box, & > revealer > box {
- label, & { color: $fg_color; }
- background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%),
- desaturate(darken(invert($selected_bg_color),40%), 70%));
- border-bottom: 1px solid lighten($borders_color, 5%);
- }
-
- text-shadow: none;
-
- &:backdrop { text-shadow: none; }
-
- button {
- // FIXME: extend selection mode buttons
- @include button(normal, $bg_color, $fg_color, none);
-
- &:hover { @include button(hover, $bg_color, $fg_color, none); }
-
- &:active,
- &:checked { @include button(active, $bg_color, $fg_color, none); }
-
- &:disabled { @include button(insensitive,$bg_color,$fg_color,none); }
-
- &:backdrop {
- @include button(backdrop, $bg_color, $fg_color, none);
- border-color: _border_color($bg_color);
-
- &:disabled {
- @include button(backdrop-insensitive, $bg_color,
- $fg_color, none);
- border-color: _border_color($bg_color);
- }
- }
- &:backdrop, & {
- label, & { color: $fg_color; }
- }
- }
-
- selection { background-color: darken($bg_color, 10%); }
+//----------//
+// GtkVideo //
+//----------//
- *:link { color: $link_color; }
+video {
+ & image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 32px;
}
+ background: black;
}
//----------//
@@ -4146,23 +3732,18 @@ tooltip {
// see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
background-color: transparentize(black, 0.2);
background-clip: padding-box;
- border: 1px solid $tooltip_borders_color; // this suble border is meant to
+ border: 1px solid $tooltip_borders_color; // this subtle border is meant to
// not make the tooltip melt with
// very dark backgrounds
+ color: white;
}
- padding: 4px; // not working
- border-radius: 0;
+ padding: 6px 10px;
+ border-radius: $window_radius;
box-shadow: none; // otherwise it gets inherited by windowframe.csd
- text-shadow: 0 1px black;
-
- // FIXME: we need a border or tooltips vanish on black background.
- decoration { background-color: transparent; }
- * { // Yeah this is ugly
- padding: 4px;
- background-color: transparent;
- color: white;
+ > box {
+ border-spacing: 6px;
}
}
@@ -4174,6 +3755,10 @@ colorswatch {
// is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is
// applied to the overlay box.
+ transition: $focus_transition;
+
+ @include focus-ring($width: 4px, $offset: -2px);
+
&:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state
$_colorswatch_radius: 5px;
@@ -4187,7 +3772,7 @@ colorswatch {
border-top-left-radius: $_colorswatch_radius + 0.5px;
border-top-right-radius: $_colorswatch_radius + 0.5px;
- overlay {
+ > overlay {
border-top-left-radius: $_colorswatch_radius;
border-top-right-radius: $_colorswatch_radius;
}
@@ -4197,7 +3782,7 @@ colorswatch {
border-bottom-left-radius: $_colorswatch_radius + 0.5px;
border-bottom-right-radius: $_colorswatch_radius + 0.5px;
- overlay {
+ > overlay {
border-bottom-left-radius: $_colorswatch_radius;
border-bottom-right-radius: $_colorswatch_radius;
}
@@ -4208,7 +3793,7 @@ colorswatch {
border-top-left-radius: $_colorswatch_radius + 0.5px;
border-bottom-left-radius: $_colorswatch_radius + 0.5px;
- overlay {
+ > overlay {
border-top-left-radius: $_colorswatch_radius;
border-bottom-left-radius: $_colorswatch_radius;
}
@@ -4219,84 +3804,75 @@ colorswatch {
border-top-right-radius: $_colorswatch_radius + 0.5px;
border-bottom-right-radius: $_colorswatch_radius + 0.5px;
- overlay {
+ > overlay {
border-top-right-radius: $_colorswatch_radius;
border-bottom-right-radius: $_colorswatch_radius;
}
}
&.dark {
- outline-color: transparentize(white, 0.4);
-
- overlay {
+ > overlay {
color: white;
+ }
- &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); }
-
- &:backdrop { color: transparentize(white, 0.5); }
+ &.activatable:hover > overlay {
+ border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color);
}
}
&.light {
- outline-color: transparentize(black, 0.4);
-
- overlay {
+ > overlay {
color: black;
+ }
- &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); }
-
- &:backdrop { color: transparentize(black, 0.5); }
+ &.activatable:hover > overlay {
+ border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color);
}
}
&:drop(active) {
box-shadow: none;
- &.light overlay {
+ &.light > overlay {
border-color: $drop_target_color;
box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color),
inset 0 0 0 1px $drop_target_color;
}
- &.dark overlay {
+ &.dark > overlay {
border-color: $drop_target_color;
box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color),
inset 0 0 0 1px $drop_target_color;
}
}
- overlay {
+ > overlay {
border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color);
+ }
- &:hover {
- box-shadow: inset 0 1px transparentize(white, 0.6),
- inset 0 -1px transparentize(black, 0.8);
- }
-
- &:backdrop, &:backdrop:hover {
- border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color);
- box-shadow: none;
- }
+ &.activatable:hover > overlay {
+ box-shadow: inset 0 1px transparentize(white, 0.6),
+ inset 0 -1px transparentize(black, 0.8);
}
&#add-color-button {
- border-radius: $_colorswatch_radius $_colorswatch_radius 0 0;
+ border-radius: $_colorswatch_radius 0 0 $_colorswatch_radius;
&:only-child { border-radius: $_colorswatch_radius; }
- overlay {
+ > overlay {
@include button(normal);
+ }
- &:hover { @include button(hover); }
-
- &:backdrop { @include button(backdrop); }
+ &.activatable:hover > overlay {
+ @include button(hover);
}
}
&:disabled {
opacity: 0.5;
- overlay {
+ > overlay {
border-color: transparentize(black, 0.4);
box-shadow: none;
}
@@ -4305,166 +3881,137 @@ colorswatch {
row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; }
&#editor-color-sample {
- border-radius: $button_radius;
+ border-radius: 4px;
- overlay { border-radius: $button_radius; }
+ > overlay { border-radius: 4.5px; }
}
}
+plane {
+ transition: $focus_transition;
+
+ @include focus-ring($offset: 2px, $outer: true);
+}
+
// colorscale popup
-colorchooser .popover.osd { border-radius: $window_radius; }
+colorchooser .popover.osd { border-radius: 5px; }
//------//
// Misc //
//------//
-//content view (grid/list)
.content-view {
background-color: darken($bg_color,7%);
- &:hover { -gtk-icon-effect: highlight; }
+ &:hover { -gtk-icon-filter: brightness(1.2); }
+
+ .tile {
+ margin: 2px;
+ background-color: if($variant=='light', transparent, black);
+ border-radius: 0;
+ padding: 0;
+
+ &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); }
+ &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); }
+}
- &:backdrop { background-color: darken($bg_color,7%); }
+ > rubberband { @extend rubberband; }
- rubberband, .rubberband { @extend rubberband; }
}
.scale-popup {
.osd & { @extend %osd; }
- .osd & button.flat { //FIXME: quick hack, redo properly
+ .osd & button.flat { //FIXME: quick hack, redo properly
border-style: none;
- border-radius: $window_radius;
+ border-radius: 5px;
}
button { // +/- buttons on GtkVolumeButton popup
&:hover {
@extend %undecorated_button;
background-color: transparentize($fg_color,0.9);
- border-radius: $button_radius;
+ border-radius: 5px;
}
-
- &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }}
}
}
//--------------------//
// Window Decorations //
//--------------------//
-decoration {
- border-radius: $window_radius $window_radius 0 0;
+window {
// lamefun trick to get rounded borders regardless of CSD use
border-width: 0px;
// this needs to be transparent
// see bug #722563
- $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1));
- $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1));
-
- box-shadow: 0 4px 5px 2px transparentize(black, 0.66),
- 0 0 0 1px $_wm_border; //doing borders with box-shadow
-
- // FIXME rationalize shadows
-
- // this is used for the resize cursor area
- margin: 10px;
-
- &:backdrop {
- // the transparent shadow here is to enforce that the shadow extents don't
- // change when we go to backdrop, to prevent jumping windows.
- // The biggest shadow should be in the same order then in the active state
- // or the jumping will happen during the transition.
- box-shadow: 0 4px 5px 2px transparent,
- 0 1px 2px 1px transparentize(black, 0.8),
- 0 0 0 1px $_wm_border_backdrop;
- }
-
- .maximized &,
- .fullscreen &,
- .tiled &,
- .tiled-top &,
- .tiled-right &,
- .tiled-bottom &,
- .tiled-left & {
- border-radius: 0;
- box-shadow: none; // custom style: remove box-shadow on tiled windows
- }
-
- .tiled & { border: 1px solid transparentize($borders_color, 0.5); } // custom style: border between tiled windows
-
- .popup & { box-shadow: none; }
-
- // server-side decorations as used by mutter
- .ssd & { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows
- .ssd &.maximized { box-shadow: none; } // Custom style: gets rid of the top hilight on maximized ssd
-
- .csd.popup & {
- border-radius: $menu_radius;
- box-shadow: 0 1px 2px transparentize(black, 0.8),
- 0 0 0 1px transparentize($_wm_border, 0.1);
- }
+ $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25));
+ $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25));
+
+ &.csd {
+ box-shadow: 0 4px 5px 2px transparentize(black, 0.66),
+ 0 0 0 1px $_wm_border; //doing borders with box-shadow
+ margin: 0px;
+ border-radius: $window_radius $window_radius 0 0;
+ &:backdrop {
+ // the transparent shadow here is to enforce that the shadow extents don't
+ // change when we go to backdrop, to prevent jumping windows.
+ // The biggest shadow should be in the same order then in the active state
+ // or the jumping will happen during the transition.
+ box-shadow: 0 4px 5px 2px transparent,
+ 0 1px 2px 1px transparentize(black, 0.8),
+ 0 0 0 1px $_wm_border_backdrop;
+ }
- tooltip.csd & {
- border-radius: $window_radius;
- box-shadow: none;
- }
+ &.popup {
+ border-radius: $menu_radius;
+ box-shadow: 0 1px 2px transparentize(black, 0.8),
+ 0 0 0 1px transparentize($_wm_border, 0.1);
+ }
- messagedialog.csd & {
- border-radius: $window_radius;
- box-shadow: 0 1px 2px transparentize(black, 0.8),
- 0 0 0 1px transparentize($_wm_border, 0.1);
+ &.dialog.message {
+ border-radius: $window_radius;
+ box-shadow: 0 1px 2px transparentize(black, 0.8),
+ 0 0 0 1px transparentize($_wm_border, 0.1);
+ }
}
- .solid-csd & {
+ &.solid-csd {
margin: 0;
padding: 4px;
- background-color: $borders_color;
border: solid 1px $borders_color;
border-radius: 0;
- box-shadow: inset 0 0 0 3px $headerbar_color, inset 0 1px $top_hilight;
+ box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $headerbar_bg_color, inset 0 1px $top_hilight;
- &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; }
+ &:backdrop { box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; }
}
-}
-// Custom titlebar buttons
-headerbar,
-.titlebar {
- @extend %titlebuttons;
+ &.maximized,
+ &.fullscreen { border-radius: 0; box-shadow: none; }
- &.default-decoration button.titlebutton { // no vertical padding for ssd buttons
- padding: 0 2px; // already handled by the titlebar-padding
- min-width: 0;
- min-height: $titlebutton_size;
- margin: 0 2px;
+ &.tiled,
+ &.tiled-top,
+ &.tiled-left,
+ &.tiled-right,
+ &.tiled-bottom {
+ border-radius: 0;
+ box-shadow: 0 0 0 1px $_wm_border_backdrop,
+ 0 0 0 20px transparent; //transparent control workaround -- #3670
+ }
+ &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop,
+ 0 0 0 20px transparent; // #3670
}
-}
-
-// Window Close button
-//button.titlebutton {
-// @extend %button_basic;
-
-// @extend %button_basic_flat;
-
-// @include _button_text_shadow;
-
-// .selection-mode & {
-// @extend %selection_mode_button_flat;
-// @extend %nobg_selected_items;
-// }
+ &.popup { box-shadow: none; }
-// &:backdrop { -gtk-icon-shadow: none; }
-//}
-
-.selection-mode headerbar button.titlebutton,
-.selection-mode .titlebar button.titlebutton,
-headerbar.selection-mode button.titlebutton,
-.titlebar.selection-mode button.titlebutton {
- @include _button_text_shadow(white, $suggested_bg_color);
+ // server-side decorations as used by mutter
+ //&.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows
- &:backdrop { -gtk-icon-shadow: none; }
}
+tooltip.csd {
+ border-radius: $window_radius;
+ box-shadow: none;
+}
// catch all extend :)
@@ -4476,14 +4023,6 @@ headerbar.selection-mode button.titlebutton,
@at-root %selected_items_disabled,
&:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); }
-
- @at-root %selected_items_backdrop,
- &:backdrop {
- color: $backdrop_selected_fg_color;
- &, &:hover { background-color: $selected_bg_color; } // Custom style. Fixes some backdrop states. Thunar etc.
-
- &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
- }
}
}
@@ -4498,12 +4037,31 @@ cursor-handle {
background-image: none;
box-shadow: none;
border-style: none;
+ //min-width: 20px;
+ //min-height: 24px;
+ //padding-left: 20px;
+ //padding-right: 20px;
+ //padding-top: 24px;
+ //padding-bottom: 24px;
+}
+
+// custom theme style: text-select marks removed for now to avoid the hassle of too many image assets
+
+shortcuts-section {
+ margin: 20px;
}
-.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
// shortcut window keys
-.keycap {
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
min-width: 20px;
min-height: 25px;
margin-top: 2px;
@@ -4515,7 +4073,7 @@ cursor-handle {
background-color: $base_color;
border: 1px solid;
border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color);
- border-radius: $window_radius;
+ border-radius: 5px;
box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%));
font-size: smaller;
}
@@ -4527,13 +4085,18 @@ cursor-handle {
caret-color: $drop_target_color;
}
-stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons
+stackswitcher > button.text-button { min-width: 100px; } // FIXME aggregate with buttons
-stackswitcher button.circular,
-stackswitcher button.text-button.circular { // FIXME aggregate with buttons
- min-width: 32px;
- min-height: 32px;
- padding: 0;
+stackswitcher.circular {
+ border-spacing: 12px;
+
+ // FIXME aggregate with buttons
+ > button.circular,
+ > button.text-button.circular {
+ min-width: 32px;
+ min-height: 32px;
+ padding: 0;
+ }
}
//-----------//
@@ -4541,30 +4104,39 @@ stackswitcher button.text-button.circular { // FIXME aggregate with buttons
//-----------//
// Outline for low res icons
.lowres-icon {
- -gtk-icon-shadow: 0 -1px rgba(0,0,0,0.05),
- 1px 0 rgba(0,0,0,0.1),
- 0 1px rgba(0,0,0,0.3),
- -1px 0 rgba(0,0,0,0.1);
+ -gtk-icon-shadow: 0 -1px rgba(0,0,0,0.05),
+ 1px 0 rgba(0,0,0,0.1),
+ 0 1px rgba(0,0,0,0.3),
+ -1px 0 rgba(0,0,0,0.1);
}
-// Dropshadow for large icons
+// Drapshadow for large icons
.icon-dropshadow {
-gtk-icon-shadow: 0 1px 12px rgba(0,0,0,0.05),
- 0 -1px rgba(0,0,0,0.05),
- 1px 0 rgba(0,0,0,0.1),
- 0 1px rgba(0,0,0,0.3),
- -1px 0 rgba(0,0,0,0.1);
+ 0 -1px rgba(0,0,0,0.05),
+ 1px 0 rgba(0,0,0,0.1),
+ 0 1px rgba(0,0,0,0.3),
+ -1px 0 rgba(0,0,0,0.1);
}
//-------//
// Emoji //
//-------//
-popover.emoji-picker {
- padding-left: 0;
- padding-right: 0;
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid $borders_color;
+}
- entry.search { margin: 3px 5px 5px 5px; }
+.emoji-toolbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-top: 1px solid $borders_color;
}
button.emoji-section {
@@ -4573,7 +4145,6 @@ button.emoji-section {
border-style: none none solid;
border-radius: 0;
- margin: 2px 4px 2px 4px;
padding: 3px 0 0;
min-width: 32px;
min-height: 28px;
@@ -4583,45 +4154,41 @@ button.emoji-section {
box-shadow: none;
text-shadow: none;
- outline-offset: -5px;
-
- &:first-child { margin-left: 7px; }
- &:last-child { margin-right: 7px; }
-
- &:backdrop:not(:checked) { border-color: transparent; }
&:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); }
&:checked { border-color: $selected_bg_color; }
-
- label {
- padding: 0;
-
- opacity: 0.55;
- }
-
- &:hover label { opacity: 0.775; }
- &:checked label { opacity: 1; }
}
-popover.emoji-picker .emoji {
+popover.emoji-picker emoji {
font-size: x-large;
padding: 6px;
- border-radius: $window_radius;
+ border-radius: 6px;
- :hover {
+ &:focus,
+ &:hover {
background: $selected_bg_color;
}
}
-popover.emoji-completion arrow {
- border: none;
- background: none;
+emoji-completion-row > box {
+ border-spacing: 10px;
+ padding: 2px 10px;
}
-popover.emoji-completion contents row box {
- padding: 2px 10px;
+emoji-completion-row:focus,
+emoji-completion-row:hover {
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
}
-popover.emoji-completion .emoji:hover {
- background: $popover_hover_color;
+emoji-completion-row emoji:focus,
+emoji-completion-row emoji:hover {
+ background-color: $menu_selected_color;
}
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+statusbar {
+ padding: 6px 10px 6px 10px;
+}
diff --git a/gtk/src/Zukitre/gtk-4.0/_custom.scss b/gtk/src/Zukitre/gtk-4.0/_custom.scss
new file mode 100644
index 0000000..4ae646a
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/_custom.scss
@@ -0,0 +1,450 @@
+// This file is used to apply some larger unofficial custom styles to the Adwaita base.
+
+//---------------//
+// Title buttons //
+//---------------//
+%titlebutton {
+ min-width: $titlebutton_size;
+ min-height: $titlebutton_size;
+ padding: 0;
+ margin: 4px 2px 4px 8px;
+ @if $zukitwo == 'false' {
+ border-radius: 1.5px;
+ }
+ @else {
+ border-radius: 99px;
+ box-shadow: none;
+ &, &:active { background-color: transparent; }
+ }
+}
+
+%titlebuttons {
+ // Zukitre
+ @if $zukitwo == 'false' {
+ button {
+ @extend %titlebutton;
+
+ &.close, &.maximize, &.minimize {
+ color: transparent;
+ background-color: transparent;
+ background-position: center;
+ background-repeat: no-repeat;
+ border-width: 0;
+ box-shadow: none;
+ transition-property: background-color;
+ > image {
+ opacity: 0;
+ }
+ }
+
+ &.close {
+ background-color: $close_button;
+
+ &:hover, &:active { background-color: $close_button_hover; }
+ &:backdrop {
+ background-color: $close_button_backdrop;
+ &:hover, &:active { background-color: $close_button_hover; }
+ }
+ }
+
+ &.maximize, &.minimize {
+ &:hover, &:active { background-color: if($variant == 'light' and $alt_header == 'false', $selected_bg_color, transparentize(white, 0.8)); }
+ }
+
+ // titlebutton icons
+ // linked from the gtk3 theme to avoid having duplicate assets
+ @each $k in ('close', 'maximize', 'minimize') {
+ @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-hover') {
+ &.#{$k}#{$l} {
+ @if($variant=='light' and $alt_header=='false') {
+ background-image: -gtk-scaled(url('../gtk-3.0/assets/titlebutton-#{$k}#{$m}.png'),
+ url('../gtk-3.0/assets/titlebutton-#{$k}#{$m}@2.png'));
+ }
+ @else {
+ background-image: -gtk-scaled(url('../gtk-3.0/assets/titlebutton-#{$k}-hover.png'),
+ url('../gtk-3.0/assets/titlebutton-#{$k}-hover@2.png'));
+ &:not(:hover) { opacity: 0.8; }
+ &:backdrop:not(:hover) { opacity: 0.5; }
+ }
+ }
+ }
+ }
+ }
+ }
+ // Zukitwo
+ @else {
+ button {
+ @extend %titlebutton;
+
+ &.close, &.maximize, &.minimize {
+ color: transparent;
+ background-color: transparent;
+ background-position: center;
+ background-repeat: no-repeat;
+ border-width: 0;
+ box-shadow: none;
+ transition-property: background-color;
+ > image {
+ opacity: 0;
+ }
+ }
+ @each $k in ('close', 'maximize', 'minimize') {
+ @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') {
+ &.#{$k}#{$l} {
+ @if($variant=='light' and $alt_header=='false') {
+ background-image: -gtk-scaled(url('../gtk-3.0/assets/ztwo-titlebutton-#{$k}#{$m}.png'),
+ url('../gtk-3.0/assets/ztwo-titlebutton-#{$k}#{$m}@2.png'));
+ }
+ @else {
+ background-image: -gtk-scaled(url('../gtk-3.0/assets/ztwo-titlebutton-#{$k}#{$m}-dark.png'),
+ url('../gtk-3.0/assets/ztwo-titlebutton-#{$k}#{$m}-dark@2.png'));
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+// Zukitre unmaximize titlebutton icon
+@if $zukitwo == 'false' {
+ .maximized windowcontrols button {
+ @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-hover') {
+ &.maximize#{$l} {
+ @if($variant=='light' and $alt_header=='false') {
+ background-image: -gtk-scaled(url('../gtk-3.0/assets/titlebutton-unmaximize#{$m}.png'),
+ url('../gtk-3.0/assets/titlebutton-unmaximize#{$m}@2.png'));
+ }
+ @else {
+ background-image: -gtk-scaled(url('../gtk-3.0/assets/titlebutton-unmaximize-hover.png'),
+ url('../gtk-3.0/assets/titlebutton-unmaximize-hover@2.png'));
+ &:not(:hover) { opacity: 0.8; }
+ &:backdrop:not(:hover) { opacity: 0.5; }
+ }
+ }
+ }
+ }
+}
+
+//---------------------------//
+// headerbar & alt headerbar //
+//---------------------------//
+// not used in the dark theme
+$_button_bg_color: null;
+$_button_border_color: null;
+$_button_bg_color: lighten($alt_headerbar_bg, 7.5%) !global;
+$_button_border_color: darken($alt_headerbar_bg, 10%) !global;
+
+%alt_titlebar {
+ color: $alt_headerbar_fg;
+ text-shadow: none;
+ &:backdrop {
+ color: $alt_headerbar_backdrop_fg;
+ text-shadow: none;
+ }
+
+ .title {
+ color: $alt_headerbar_fg;
+ &:backdrop { color: $alt_headerbar_backdrop_fg; }
+ }
+
+ .maximized &,
+ .fullscreen & { box-shadow: none; }
+
+ entry {
+ &, &:backdrop {
+ border-color: darken($alt_headerbar_bg, 8%);
+ background-color: lighten($_button_bg_color, 25%);
+ color: $alt_headerbar_fg;
+ caret-color: $alt_headerbar_fg;
+ }
+ &:focus { @include entry(focus); }
+ }
+
+ button,
+ button.linked,
+ button.toggle,
+ button.popup.toggle,
+ button.image-button,
+ button.image-button.toggle,
+ button.text-button,
+ button.text-button.toggle,
+ box button.toggle,
+ buttonbox.toggle,
+ stackswitcher button,
+ filechooser .path-bar.linked>button,
+ .path-bar button {
+ text-shadow: none;
+ &:backdrop {
+ @include button(backdrop, $_button_bg_color, $alt_headerbar_backdrop_fg);
+ text-shadow: none;
+ }
+ @include button(normal, $_button_bg_color, $alt_headerbar_fg);
+ &.flat {
+ @include button(undecorated);
+ }
+
+ &:hover {
+ @include button(hover, $_button_bg_color, $alt_headerbar_fg);
+ }
+ &:active, &:checked, &:active:hover, &:checked:hover {
+ @include button(active, $_button_bg_color, $alt_headerbar_fg);
+ border-color: transparentize(black, 0.6);
+ }
+ &:disabled {
+ @include button(insensitive, $_button_bg_color, $alt_headerbar_backdrop_fg);
+ &:backdrop {
+ @include button(backdrop-insensitive, $_button_bg_color, $alt_headerbar_backdrop_fg);
+ }
+ }
+ }
+
+ separator {
+ background: image(lighten($_button_border_color, 5%));
+ }
+ // TODO: Checkbuttons and scales
+ switch {
+ slider { background-color: transparentize(white, 0.5); }
+ }
+
+ // Suggested and Destructive Action buttons
+ @each $b_type, $b_color in (suggested-action, $suggested_bg_color),
+ (destructive-action, $destructive_color) {
+ &.#{$b_type} {
+ @include button(normal, $b_color, white);
+ border-color: $b_color;
+
+ &.flat {
+ @include button(undecorated);
+ color: $b_color;
+ }
+
+ &:hover {
+ @include button(hover, $b_color, white);
+ border-color: $b_color;
+ }
+
+ &:active,
+ &:checked {
+ @include button(active, $b_color, white);
+ @if $alt_header == 'true' {
+ border-color: darken($suggested_bg_color, 15%);
+ }
+ }
+
+ &, &:hover, &:focus:active { outline-color: $selected_bg_color; }
+
+ &:backdrop,
+ &.flat:backdrop {
+ @include button(backdrop, $b_color, white);
+
+ &:active,
+ &:checked {
+ @include button(backdrop-active, $b_color, white);
+ }
+
+ &:disabled {
+ @include button(backdrop-insensitive, if($variant=='light', darken($alt_headerbar_bg, 14%), $alt_headerbar_bg), $alt_headerbar_backdrop_fg);
+ border-color: darken($alt_headerbar_bg, 3%);
+
+ &:active,
+ &:checked {
+ @include button(backdrop-insensitive-active, $b_color, white);
+ }
+ }
+ }
+
+ &.flat {
+ &:backdrop,
+ &:disabled,
+ &:backdrop:disabled {
+ @include button(undecorated);
+ color: transparentize($b_color, 0.2);
+ }
+ }
+
+ &:disabled {
+ @include button(insensitive, if($variant== "light", darken($alt_headerbar_bg, 15%), $alt_headerbar_bg), $alt_headerbar_fg);
+ border-color: darken($alt_headerbar_bg, 5%);
+ background-image: image(lighten($alt_headerbar_bg, 2%));
+
+ &:active,
+ &:checked {
+ @include button(insensitive-active, $b_color, white);
+ }
+ }
+
+ .osd & {
+ @include button(osd, $b_color);
+
+ &:hover {
+ @include button(osd-hover, $b_color);
+ }
+
+ &:active,
+ &:checked {
+ &:backdrop,
+ & { @include button(osd-active, $b_color); }
+ }
+
+ &:disabled {
+ &:backdrop, & { @include button(osd-insensitive, $b_color); }
+ }
+
+ &:backdrop {
+ @include button(osd-backdrop, $b_color);
+ }
+ }
+ }
+ }
+}
+
+@if $alt_header=='true' {
+ .titlebar, headerbar { @extend %alt_titlebar; }
+ .ssd .titlebar {
+ @include headerbar_fill($alt_headerbar_bg);
+ color: $alt_headerbar_fg;
+ text-shadow: none;
+ border-width: 0;
+ &:backdrop { color: $alt_headerbar_backdrop_fg; }
+ }
+
+ #MozillaGtkWidget.background {
+ menubar, .menubar, menubar > menuitem:hover {
+ background-color: $alt_headerbar_bg;
+ color: $alt_headerbar_fg;
+ }
+ }
+
+ window.background.chromium {
+ background-color: $alt_headerbar_bg;
+ color: $alt_headerbar_fg;
+ button { border-color: $_button_border_color; } // tab borders
+ menubar { color: $alt_headerbar_fg; }
+ menu, .menu, .context-menu { color: $fg_color; }
+ }
+}
+
+//----------------//
+// Switch buttons //
+//----------------//
+// TODO: May need a border.
+%switchbutton {
+ font-weight: bold;
+ font-size: smaller;
+
+ margin: 4px 0;
+ padding: 0;
+ border-width: 0;
+ border-radius: 99px;
+ background-color: transparentize(black, 0.62);
+ background-clip: padding-box;
+ transition: all $duration $ease-out;
+
+ @include focus-ring($offset: 0, $outer: true);
+
+ headerbar & { background-color: darken($dark_fill,8%); }
+
+ &:checked {
+ background-color: $checkradio_bg_color;
+ }
+
+ &:disabled {
+ opacity: 0.38;
+ }
+
+ > slider {
+ margin: 2px; //-2px;
+ min-width: 22px;
+ min-height: 22px;
+ border-radius: 99px;
+ background-color: if($variant=='light', white, transparentize($fg_color, 0.5));
+ transition: all $duration $ease-out;
+ box-shadow: 0 2px 2px -2px rgba(black, .3),
+ 0 1px 2px -1px rgba(black, .24),
+ 0 1px 2px -.6px rgba(black, .17);
+ }
+
+ &:hover > slider,
+ &:focus > slider {
+ background-color: if($variant=='light', white, transparentize($fg_color, 0.5));
+ box-shadow: 0 2px 2px -2px rgba(black, .5),
+ 0 1px 2px -1px rgba(black, .44),
+ 0 1px 2px -.6px rgba(black, .37);
+ }
+
+ &:checked > slider {
+ background-color: if($variant=='light', white, transparentize($fg_color, 0.5));
+ }
+
+ > image { color: transparent; }
+
+ row:selected & {
+ outline-color: $alt_focus_border_color;
+
+ @if $variant == 'light' {
+ box-shadow: none;
+ border: 1px solid $checkradio_borders_color;
+
+ &:backdrop { border-color: $checkradio_borders_color; }
+
+ > slider { &:checked, & { border-color: $checkradio_borders_color; } }
+ }
+ }
+}
+
+// ------------------------ //
+// scale with marks madness //
+// ------------------------ //
+//parts borrowed from https://github.com/hrdwrrsk/tetra-gtk-theme
+%scale_madness {
+ @each $dir_class, $dir_infix in ('horizontal', 'horz'),
+ ('vertical', 'vert') {
+ @each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'),
+ ('scale-has-marks-below', 'marks-after:not(.marks-before)') {
+ &.#{$dir_class}.#{$marks_class} {
+ > trough > slider {
+ margin: -11px -4px;
+ padding: 0px;
+ border-radius: $button-radius;
+
+ $_scale_slider_bg_pos: bottom;
+
+ @if $dir_class == 'horizontal' {
+ min-height: 22px;
+ min-width: 9px;
+
+ @if $marks_infix == 'scale-has-marks-above' {
+ $_scale_slider_bg_pos: top;
+ }
+ }
+ @else {
+ margin: -4px -11px;
+ min-height: 9px;
+ min-width: 22px;
+
+ @if $marks_infix == 'scale-has-marks-above' {
+ $_scale_slider_bg_pos: left bottom;
+ }
+
+ @else {
+ $_scale_slider_bg_pos: right bottom;
+ }
+ }
+ }
+
+ &.fine-tune > trough > slider {
+ // bigger negative margins to make the trough grow here as well
+ margin: -8px -4px;
+
+ @if $dir_class == 'horizontal' {
+ }
+
+ @else {
+ margin: -4px -8px;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/gtk/src/Zukitwo/gtk-3.0/_drawing.scss b/gtk/src/Zukitre/gtk-4.0/_drawing.scss
similarity index 57%
rename from gtk/src/Zukitwo/gtk-3.0/_drawing.scss
rename to gtk/src/Zukitre/gtk-4.0/_drawing.scss
index f1ef148..e4b251e 100644
--- a/gtk/src/Zukitwo/gtk-3.0/_drawing.scss
+++ b/gtk/src/Zukitre/gtk-4.0/_drawing.scss
@@ -8,6 +8,26 @@
@else { @return 0 1px $c; }
}
+//
+// Helper mixin for drawing visible focus rings
+//
+// If $target is specified, the focus ring is applied to the specified child element.
+// If $outer is true, the focus ring extends outward. Otherwise, it extends inward.
+// If $within is true, use focus-within instead of focus:focus-visible
+//
+@mixin focus-ring($target: null, $width: 2px, $offset: -$width, $outer: false, $focus-state: 'focus:focus-visible', $fc: $focus_border_color) {
+ & #{$target} {
+ outline: 0 solid transparent;
+ outline-offset: if($outer, $offset + 4px, $offset + $width + 4px);
+ }
+
+ &:#{$focus-state} #{$target} {
+ outline-color: $fc;
+ outline-width: $width;
+ outline-offset: $offset;
+ }
+}
+
@mixin _shadows($list...) {
//
// Helper mixin to stack up to box-shadows;
@@ -22,24 +42,18 @@
}
// entries
-@function entry_focus_border($fc:$selected_bg_color) {
- @if $variant == 'light' { @return $fc; }
- @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); }
-}
@function entry_focus_shadow($fc:$selected_bg_color) { @return inset 0 0 0 1px $fc; }
-@mixin entry($t, $fc:$selected_bg_color, $edge: none) {
+@mixin entry($t, $fc:$focus_border_color, $edge: none) {
//
// Entries drawing function
//
// $t: entry type
// $fc: focus color
-// $edge: set to none to not draw the bottom edge or specify a color to not
-// use the default one
//
// possible $t values:
-// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop;
+// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop, block_cursor;
//
$_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1));
@@ -52,10 +66,6 @@
@include _shadows(entry_focus_shadow(transparentize($fc, 1)), $_entry_edge);
// for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here.
}
- @if $t==focus {
- @include _shadows(entry_focus_shadow($fc), $_entry_edge);
- border-color: entry_focus_border($fc);
- }
@if $t==insensitive {
color: $insensitive_fg_color;
border-color: $borders_color;
@@ -72,7 +82,6 @@
color: $backdrop_insensitive_color;
border-color: $backdrop_borders_color;
background-color: $insensitive_bg_color;
- box-shadow: $_blank_edge;
}
@if $t==osd {
color: $osd_text_color;
@@ -80,7 +89,6 @@
background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
background-clip: padding-box;
box-shadow: none;
- text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
}
@if $t==osd-focus {
@@ -88,27 +96,22 @@
border-color: $selected_bg_color;
background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
background-clip: padding-box;
- box-shadow: entry_focus_shadow($fc);
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black;
}
@if $t==osd-insensitive {
color: $osd_insensitive_fg_color;
border-color: $osd_borders_color;
background-color: $osd_insensitive_bg_color;
background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
}
@if $t==osd-backdrop {
color: $osd_text_color;
border-color: $osd_borders_color;
background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
+ }
+ @if $t==block_cursor {
+ color: $base_color;
+ background-color: $text_color;
}
}
@@ -116,19 +119,7 @@
@function _border_color($c, $darker: false) {
@if $darker == true { @return darken($c, 20%); }
- @else { @return darken($c, 10%); }
-}
-
-@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) {
-//
-// calculate the color of text shadows
-//
-// $tc is the text color
-// $bg is the background color
-//
- $_lbg: lightness($bg)/100%;
- @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); }
- @else { @return transparentize(black, $_lbg*0.8); }
+ @else { @return darken($c, 15%); }
}
@function _button_hilight_color($c) {
@@ -145,39 +136,17 @@
@else { @return transparentize(white, 0.98); }
}
-@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) {
-//
-// helper function for the text emboss effect
-//
-// $tc is the optional text color, not the shadow color
-//
-// TODO: this functions needs a way to deal with special cases
-//
-
- $_shadow: _text_shadow_color($tc, $bg);
-
- @if lightness($tc)<50% {
- text-shadow: 0 1px $_shadow;
- -gtk-icon-shadow: 0 1px $_shadow;
- }
- @else {
- text-shadow: 0 -1px $_shadow;
- -gtk-icon-shadow: 0 -1px $_shadow;
- }
-}
-
-@mixin button($t, $c:$bg_color, $tc:$fg_color, $edge: none, $backimage: null) {
+$_default_button_c: lighten($bg_color,2%);
+@mixin button($t, $c:$_default_button_c, $tc:$fg_color, $edge: none) {
//
// Button drawing function
//
// $t: button type,
// $c: base button color for colored* types
// $tc: optional text color for colored* types
-// $edge: set to none to not draw the bottom edge or specify a color to not
-// use the default one
//
// possible $t values:
-// normal, hover, active, insensitive, insensitive-active,
+// normal, hover, active, checked-hover, checked-active, insensitive, insensitive-active,
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
//
@@ -222,79 +191,44 @@
background-color: lighten($c, 12%);
}
- @if $t==normal-alt {
+ @else if $t==active {
//
- // normal button alternative look
+ // pushed button
//
color: $tc;
outline-color: transparentize($tc, 0.7);
- border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
- //@include _button_text_shadow($tc, $c);
- @if $variant == 'light' {
- //background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%);
- background-color: lighten($c, 10%);
- @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)),
- $_button_edge, $_button_shadow);
- }
- @else {
- //background-image: linear-gradient(to bottom, darken($c, 3%) 20%, darken($c, 6%) 90%);
- background-color: lighten($c, 10%);
- @include _shadows(inset 0 1px $_hilight_color,
- $_button_edge, $_button_shadow);
- }
+ border-color: if($c != $bg_color, _border_color($c), $alt_borders_color);
+ background-color: if($variant == 'light', darken($c, 12%), darken($c, 6%));
+ @include _shadows(inset 0 1px transparentize($_hilight_color, 1), inset 0 0 0 1px transparentize(black, 0.96), $_button_edge);
+
+ text-shadow: none;
}
- @else if $t==hover-alt {
+ @else if $t==checked-hover {
//
- // hovered button alternative look
+ // pushed togglebutton hover
//
- color: $tc;
- outline-color: transparentize($tc, 0.7);
- border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
- @if $variant == 'light' {
- @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)),
- $_button_edge, $_button_shadow);
- }
- @else {
- @include _shadows(inset 0 1px $_hilight_color,
- $_button_edge, $_button_shadow);
- }
- background-color: lighten($c, 12%);
+ background-color: if($variant == 'light', darken($c, 16%), darken($c, 10%));
}
- @else if $t==active {
+ @else if $t==checked-active {
//
- // pushed button
+ // pushed togglebutton pushed further :)
//
- color: $tc;
- outline-color: transparentize($tc, 0.7);
- border-color: if($c != $bg_color, _border_color($c), $alt_borders_color);
- background-image: if($variant == 'light', image(darken($c, 12%)), image(darken($c, 6%)));
- //background-color: if($variant == 'dark', darken($c, 6%), darken($c, 12%));
- @include _shadows(inset 0 1px transparentize($_hilight_color, 1), inset 0 0 0 1px transparentize(black, 0.96), $_button_edge);
-
- text-shadow: none;
- -gtk-icon-shadow: none;
-
- &:hover {
- background-image: if($variant == 'light', image(darken($c, 16%)), image(darken($c, 10%)));
- }
+ background-color: if($variant == 'light', darken($c, 16%), darken($c, 10%));
}
@else if $t==insensitive {
//
// insensitive button
//
- $_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
+ $_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color);
color: if($tc != $fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color);
- border-color: if($c != $bg_color, _border_color($c), $insensitive_borders_color);
- background-image: image($_bg);
+ border-color: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color);
+ background-color: $_bg;
+ box-shadow: none;
text-shadow: none;
- -gtk-icon-shadow: none;
- // white with 0 alpha to avoid an ugly transition, since no color means
- // black with 0 alpha
- @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge);
}
@else if $t==insensitive-active {
@@ -302,13 +236,11 @@
// insensitive pushed button
//
$_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%));
- $_bc: if($c != $bg_color, _border_color($c), $insensitive_borders_color);
+ $_bc: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color);
- color: if($c != $bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color);
+ color: if($c != $_default_button_c, mix($tc, $_bg, 60%), $insensitive_fg_color);
border-color: $_bc;
- background-image: image($_bg);
- // white with 0 alpha to avoid an ugly transition, since no color means
- // black with 0 alpha
+ background-color: $_bg;
@include _shadows(inset 0 1px transparentize(white, 1), $_button_edge);
}
@@ -316,14 +248,14 @@
//
// backdrop button
//
- $_bg: if($c != $bg_color, $c, $backdrop_bg_color);
+ $_bg: if($c != $_default_button_c, $c, $backdrop_bg_color);
$_bc: if($variant == 'light', $c, _border_color($c));
color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color);
- //border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
+ //border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color);
+ //background-image: image($_bg);
+ box-shadow: none;
text-shadow: none;
- -gtk-icon-shadow: none;
- @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
}
@else if $t==backdrop-active {
@@ -334,9 +266,9 @@
$_bc: if($variant == 'light', $_bg ,_border_color($c));
color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color);
- border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
+ border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color);
background-image: image($_bg);
- @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
+ //box-shadow: none;
}
@else if $t==backdrop-insensitive {
@@ -344,17 +276,13 @@
// backdrop insensitive button
//
- $_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
+ $_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color);
$_bc: if($variant == 'light', $_bg,_border_color($c));
- color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
- border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
- background-image: image($_bg);
- text-shadow: none;
- -gtk-icon-shadow: none;
- // white with 0 alpha to avoid an ugly transition, since no color means
- // black with 0 alpha
- @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
+ color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
+ border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color);
+ background-color: $_bg;
+ box-shadow: none;
}
@else if $t==backdrop-insensitive-active {
@@ -365,51 +293,46 @@
$_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%));
$_bc: if($variant == 'light', $_bg, _border_color($c));
- color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
- border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
- background-image: image($_bg);
- @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
+ color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
+ border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color);
+ background-color: $_bg;
+ box-shadow: none;
+ text-shadow: none;
}
@else if $t==osd {
//
// normal osd button
//
- $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color);
+ $_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color);
color: $osd_fg_color;
+ outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color);
border-color: $osd_borders_color;
background-color: transparent;
background-image: image($_bg);
background-clip: padding-box;
- box-shadow: inset 0 1px transparentize(white, 0.9);
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black;
- outline-color: transparentize($osd_fg_color, 0.7);
+ box-shadow: none;
}
@else if $t==osd-hover {
//
// active osd button
//
- $_bg: if($c != $bg_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%));
+ $_bg: if($c != $_default_button_c, transparentize($c, 0.3), darken($osd_bg_color, 10%));
color: white;
border-color: $osd_borders_color;
background-color: transparent;
background-image: image($_bg);
background-clip: padding-box;
- box-shadow: inset 0 1px transparentize(white, 0.9);
- text-shadow: 0 1px black;
- -gtk-icon-shadow: 0 1px black;
- outline-color: transparentize($osd_fg_color, 0.7);
}
@else if $t==osd-active {
//
// active osd button
//
- $_bg: if($c != $bg_color, $c, $osd_borders_color);
+ $_bg: if($c != $_default_button_c, $c, darken($osd_bg_color, 20%));
color: white;
border-color: $osd_borders_color;
@@ -417,9 +340,6 @@
background-image: image($_bg);
background-clip: padding-box;
box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
- outline-color: transparentize($osd_fg_color, 0.7);
}
@else if $t==osd-insensitive {
@@ -431,25 +351,19 @@
background-color: transparent;
background-image: image($osd_insensitive_bg_color);
background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
}
@else if $t==osd-backdrop {
//
// backdrop osd button
//
- $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color);
+ $_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color);
color: $osd_fg_color;
border-color: $osd_borders_color;
background-color: transparent;
background-image: image($_bg);
background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
}
@else if $t==undecorated {
@@ -459,38 +373,32 @@
border-color: transparent;
background-color: transparent;
background-image: none;
-
- @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
-
- text-shadow: none;
- -gtk-icon-shadow: none;
+ box-shadow: none;
}
-}
-
-@mixin headerbar_fill($c:$headerbar_color, $hc:transparentize($top_hilight, 0.4), $bc:transparentize($top_hilight, 0.7), $ov: none, $ac:$alt_headerbar_bg) {
-//
-// headerbar fill
-//
-// $c: base color
-// $hc: top highlight color
-// $ov: a background layer for background shorthand (hence no commas!)
-//
- $gradient: linear-gradient(to bottom, lighten($c, 6%), $c);
-
- @if $variant == 'dark' {
- border-color: transparentize($borders_color, 0.3);
+ @else if $t==undecorated-hover {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ @if $variant == 'light' {
+ background-color: darken($c,14%);
+ } @else {
+ background-color: darken($c,1%);
+ }
+ }
+ @else if $t==undecorated-active {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ @if $variant == 'light' {
+ background-color: darken($c,20%);
+ }
+ @else {
+ background-color: darken($c,5%);
+ }
}
-
- @if $ov != none { background: if($alt_header=='true', $ac $ov, $c $ov); }
- @else { background: if($alt_header=='true', $ac, $c); }
- background-image: $gradient;
-
- box-shadow: inset 0 1px if($alt_header == 'false', $hc, transparentize($hc, 0.3)), inset 0 -1px $bc; // top and bottom highlight
-
- @if $alt_header == 'true' { border-color: transparent; }
}
-@mixin ssd_fill($c:$headerbar_color, $hc:transparentize($top_hilight, 0.4), $bc:transparentize($top_hilight, 0.7), $ov: none, $ac:$alt_headerbar_bg) {
+@mixin headerbar_fill($c:$headerbar_bg_color, $hc:transparentize($top_hilight, 0.4), $bc:transparentize($top_hilight, 0.7), $ov: none, $ac:$alt_headerbar_bg) {
//
// headerbar fill
//
@@ -498,7 +406,7 @@
// $hc: top highlight color
// $ov: a background layer for background shorthand (hence no commas!)
//
- $gradient: linear-gradient(to bottom, lighten($c, 6%), $c);
+ $gradient: if($zukitwo == 'false', linear-gradient(to top, $c, $c), linear-gradient(to bottom, lighten($c, 6%), $c));
@if $variant == 'dark' {
border-color: transparentize($borders_color, 0.3);
@@ -508,7 +416,7 @@
@else { background: if($alt_header=='true', $ac, $c); }
background-image: $gradient;
- box-shadow: inset 0 1px if($alt_header == 'false', $hc, transparentize($hc, 0.3)), inset 0 0 transparent; // top and bottom highlight
+ box-shadow: inset 0 1px if($alt_header == 'false', $hc, transparentize($hc, 0.3)), inset 0 -1px $bc; // top and bottom highlight
@if $alt_header == 'true' { border-color: transparent; }
}
@@ -528,51 +436,34 @@
// normal, backdrop
//
- $_small_gradient_length: 5%;
- $_big_gradient_length: 100%;
+ $_small_gradient_length: 3%;
+ $_big_gradient_length: 50%;
- $_position: center top;
$_small_gradient_size: 100% $_small_gradient_length;
$_big_gradient_size: 100% $_big_gradient_length;
- @if $p==bottom {
- $_position: center bottom;
- $_linear_gradient_direction: to top;
- }
-
- @else if $p==right {
- $_position: right center;
- $_small_gradient_size: $_small_gradient_length 100%;
- $_big_gradient_size: $_big_gradient_length 100%;
- }
-
- @else if $p==left {
- $_position: left center;
+ @if $p==right or $p==left {
$_small_gradient_size: $_small_gradient_length 100%;
$_big_gradient_size: $_big_gradient_length 100%;
}
$_small_gradient_color: $c;
- $_big_gradient_color: $c;
+ $_big_gradient_color: transparentize($c, 0.93);
@if $c==$fg_color {
$_small_gradient_color: darken($borders_color, 10%);
- $_big_gradient_color: $fg_color;
+ $_big_gradient_color: transparentize($fg_color, 0.93);
@if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; }
}
- $_small_gradient: -gtk-gradient(radial,
- $_position, 0,
- $_position, 0.5,
- to($_small_gradient_color),
- to(transparentize($_small_gradient_color, 1)));
+ $_small_gradient: radial-gradient(farthest-side at $p,
+ $_small_gradient_color 85%,
+ transparentize($_small_gradient_color, 1));
- $_big_gradient: -gtk-gradient(radial,
- $_position, 0,
- $_position, 0.6,
- from(transparentize($_big_gradient_color, 0.93)),
- to(transparentize($_big_gradient_color, 1)));
+ $_big_gradient: radial-gradient(farthest-side at $p,
+ $_big_gradient_color,
+ transparentize($_big_gradient_color, 1));
@if $t==normal {
background-image: $_small_gradient, $_big_gradient;
@@ -585,18 +476,18 @@
}
background-repeat: no-repeat;
- background-position: $_position;
+ background-position: $p;
background-color: transparent; // reset some properties to be sure to not inherit them somehow
border: none; //
box-shadow: none; //
}
-//
-// Check and Radio buttons
-//
+//-------------------------//
+// Check and Radio buttons //
+//-------------------------//
- @mixin check($t, $c:$bg_color, $tc:$fg_color, $checked: false) {
+ @mixin check($t, $c:$checkradio_bg_color, $tc:$checkradio_fg_color, $checked: false) {
// Check/Radio drawing function
//
// $t: check/radio type,
@@ -605,9 +496,9 @@
// $checked: bool to chose between checked/unchecked
//
// possible $t values:
- // normal, hover, active, insensitive, backdrop, backdrop-insensitive
+ // normal, hover, active, insensitive, backdrop, backdrop-insensitive, menu
- $_border_color: if($c==$checkradio_bg_color, $c, $alt_borders_color);
+ $_border_color: if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color);
$_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7));
@if $t==normal {
@@ -624,6 +515,7 @@
@if $t==active {
box-shadow: inset 0 1px 1px 0px if($variant == 'light', rgba(0, 0, 0, 0.2), black);
+ //background-image: if($c == white, image(darken($c, 15%)), image(darken($c, 5%)));
}
@if $t==insensitive {
@@ -641,4 +533,21 @@
box-shadow: none;
color: transparentize($tc, 0.3);
}
+
+ @if $t==menu {
+ transform: scale(0.8);
+ border-width: 1.2px;
+ border-color: transparent;
+ box-shadow: none;
+ background-image: image(transparent);
+ color: $tc;
+ }
+
+ @if $t==menu-active {
+ transform: scale(0.8);
+ border-width: 1.2px;
+ color: $tc;
+ box-shadow: none;
+ background-image: image(transparent);
+ }
}
diff --git a/gtk/src/Zukitre/gtk-4.0/assets/bullet-symbolic.svg b/gtk/src/Zukitre/gtk-4.0/assets/bullet-symbolic.svg
new file mode 100644
index 0000000..acf880a
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ sodipodi:docname="bullet-symbolic.svg"
+ inkscape:export-filename="/home/sam/dev/RESOURCES/gnome-icon-theme-symbolic/src/gnome-stencils.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90"
+ height="14"
+ id="svg7384"
+ version="1.1"
+ inkscape:version="0.92.4 5da689c313, 2019-01-14"
+ width="14">
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ inkscape:bbox-nodes="true"
+ inkscape:bbox-paths="true"
+ bordercolor="#666666"
+ borderopacity="1"
+ inkscape:current-layer="layer9"
+ inkscape:cx="6.1684486"
+ inkscape:cy="5.9327595"
+ gridtolerance="10"
+ inkscape:guide-bbox="true"
+ guidetolerance="10"
+ id="namedview88"
+ inkscape:object-nodes="true"
+ inkscape:object-paths="false"
+ objecttolerance="10"
+ pagecolor="#3a3b39"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ showborder="true"
+ showgrid="true"
+ showguides="true"
+ inkscape:snap-bbox="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:snap-global="true"
+ inkscape:snap-grids="true"
+ inkscape:snap-nodes="false"
+ inkscape:snap-others="false"
+ inkscape:snap-to-guides="true"
+ inkscape:window-height="1376"
+ inkscape:window-maximized="1"
+ inkscape:window-width="3440"
+ inkscape:window-x="0"
+ inkscape:window-y="639"
+ inkscape:zoom="62.240778"
+ inkscape:showpageshadow="false">
+ <inkscape:grid
+ dotted="false"
+ empspacing="2"
+ enabled="true"
+ id="grid4866"
+ originx="-139.99995"
+ originy="120"
+ snapvisiblegridlinesonly="true"
+ spacingx="1"
+ spacingy="1"
+ type="xygrid"
+ visible="true" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <defs
+ id="defs7386">
+ <linearGradient
+ gradientTransform="matrix(-2.7365795,0.28202934,-0.18908311,-0.99988321,239.54008,-879.45557)"
+ id="linearGradient19282"
+ osb:paint="solid">
+ <stop
+ id="stop19284"
+ offset="0"
+ style="stop-color:#666666;stop-opacity:1;" />
+ </linearGradient>
+ </defs>
+ <g
+ inkscape:groupmode="layer"
+ id="layer9"
+ inkscape:label="status"
+ style="display:inline"
+ transform="translate(-381.00015,-339)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 388.00015,341.99995 c -2.20743,0 -4.00005,1.79261 -4.00005,4.00005 0,2.20743 1.79262,4.00005 4.00005,4.00005 2.20743,0 4.00005,-1.79262 4.00005,-4.00005 0,-2.20744 -1.79262,-4.00005 -4.00005,-4.00005 z"
+ id="path9555"
+ sodipodi:nodetypes="csssc"
+ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';text-indent:0pt;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.38899732;marker:none" />
+ </g>
+ <g
+ inkscape:groupmode="layer"
+ id="layer10"
+ inkscape:label="devices"
+ style="display:inline"
+ transform="translate(-381.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer11"
+ inkscape:label="apps"
+ transform="translate(-381.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer13"
+ inkscape:label="places"
+ style="display:inline"
+ transform="translate(-381.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer14"
+ inkscape:label="mimetypes"
+ transform="translate(-381.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer15"
+ inkscape:label="emblems"
+ style="display:inline"
+ transform="translate(-381.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="g71291"
+ inkscape:label="emotes"
+ style="display:inline"
+ transform="translate(-381.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="g4953"
+ inkscape:label="categories"
+ style="display:inline"
+ transform="translate(-381.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer12"
+ inkscape:label="actions"
+ style="display:inline"
+ transform="translate(-381.00015,-339)" />
+</svg>
diff --git a/gtk/src/Zukitre/gtk-4.0/assets/bullet-symbolic.symbolic.png b/gtk/src/Zukitre/gtk-4.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e6925a5f851df0f65b8ec5ce0add05b88683463
GIT binary patch
literal 165
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@?$(*978lF
zUY+2`)u15aB0u-=w1;;eU*_C3iF<E@uF-@Q7nkzwx%!{Kt#RdMCblJq7=OrVGW>L9
zm?QMox$4H$87&g8k1xHt*DLIirc3GJ&-Ul8t$MPfy@U1jM7DFRx7Mg!-M>fV63`w7
MPgg&ebxsLQ0M~Ln!2kdN
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitre/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/gtk/src/Zukitre/gtk-4.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9df4256c0fda41a3ef6e43ba0150a926b32c4c7
GIT binary patch
literal 268
zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zEX7WqAsj$Z!;#Vf<RA8QaSZY3
ze0#-_ugO55^`X6xZBK#r<3bazhel1y8T1#J3rsiNkTF|AILqqsp&9#9%vxTW>uOGz
z^vPedf%yV6fB4?&uo~egM$->0$7UKiJiQm1{G8!S+*+}<$_DXEMYK1#i*idT%#SV+
zWZ3SYCSk&C)?}x5<o&sDbw+m9iuutdB}*2kobunR_+c5tdZ7)04eFkgpGB=%IysE#
zgT~PV|CZh2Si?9?>cV2xhmTEf%w4(h`jZ24)hpS<Wj8o~JR1~Lr!TxKzrU=1`L54E
P?=X0}`njxgN@xNACFEm+
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitre/gtk-4.0/assets/check-symbolic.svg b/gtk/src/Zukitre/gtk-4.0/assets/check-symbolic.svg
new file mode 100644
index 0000000..b04b5ad
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ sodipodi:docname="check-symbolic.svg"
+ inkscape:export-filename="/home/jimmac/Projects/gtk/gtk/theme/Adwaita/assets/check@2-symbolic.symbolic.png"
+ inkscape:export-xdpi="192"
+ inkscape:export-ydpi="192"
+ height="14"
+ id="svg7384"
+ version="1.1"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+ width="14">
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ inkscape:bbox-nodes="true"
+ inkscape:bbox-paths="true"
+ bordercolor="#666666"
+ borderopacity="1"
+ inkscape:current-layer="layer9"
+ inkscape:cx="-33.869991"
+ inkscape:cy="-23.596341"
+ gridtolerance="10"
+ inkscape:guide-bbox="true"
+ guidetolerance="10"
+ id="namedview88"
+ inkscape:object-nodes="true"
+ inkscape:object-paths="false"
+ objecttolerance="10"
+ pagecolor="#3a3b39"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ showborder="true"
+ showgrid="true"
+ showguides="true"
+ inkscape:snap-bbox="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:snap-global="true"
+ inkscape:snap-grids="true"
+ inkscape:snap-nodes="false"
+ inkscape:snap-others="false"
+ inkscape:snap-to-guides="true"
+ inkscape:window-height="1376"
+ inkscape:window-maximized="1"
+ inkscape:window-width="5120"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:zoom="11.313708"
+ inkscape:showpageshadow="false">
+ <inkscape:grid
+ dotted="false"
+ empspacing="2"
+ enabled="true"
+ id="grid4866"
+ originx="-159.99995"
+ originy="120"
+ snapvisiblegridlinesonly="true"
+ spacingx="1"
+ spacingy="1"
+ type="xygrid"
+ visible="true" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <defs
+ id="defs7386">
+ <linearGradient
+ gradientTransform="matrix(-2.7365795,0.28202934,-0.18908311,-0.99988321,239.54008,-879.45557)"
+ id="linearGradient19282"
+ osb:paint="solid">
+ <stop
+ id="stop19284"
+ offset="0"
+ style="stop-color:#666666;stop-opacity:1;" />
+ </linearGradient>
+ </defs>
+ <g
+ inkscape:groupmode="layer"
+ id="layer9"
+ inkscape:label="status"
+ style="display:inline;opacity:1"
+ transform="translate(-401.00015,-339)">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+ d="m 413.00204,341.50586 -5.80273,5.01562 -2.59375,-2.56054 -2.10742,2.13476 4.5664,4.50977 7.89844,-6.83008 z"
+ id="path3304"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ inkscape:groupmode="layer"
+ id="layer10"
+ inkscape:label="devices"
+ style="display:inline"
+ transform="translate(-401.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer11"
+ inkscape:label="apps"
+ transform="translate(-401.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer13"
+ inkscape:label="places"
+ style="display:inline"
+ transform="translate(-401.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer14"
+ inkscape:label="mimetypes"
+ transform="translate(-401.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer15"
+ inkscape:label="emblems"
+ style="display:inline"
+ transform="translate(-401.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="g71291"
+ inkscape:label="emotes"
+ style="display:inline"
+ transform="translate(-401.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="g4953"
+ inkscape:label="categories"
+ style="display:inline"
+ transform="translate(-401.00015,-339)" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer12"
+ inkscape:label="actions"
+ style="display:inline"
+ transform="translate(-401.00015,-339)" />
+</svg>
diff --git a/gtk/src/Zukitre/gtk-4.0/assets/check-symbolic.symbolic.png b/gtk/src/Zukitre/gtk-4.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 0000000000000000000000000000000000000000..14bd626cedc729059f15197b707c289d52342899
GIT binary patch
literal 234
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@)vr#IEH9U
z+<U>6k1<iC^`X0pkSMSAhv_#M0&ldQlgc@$bww<Jm#b6s#T5^iRwt33Lq4BUm4t%}
zCPm-<Ja10*&+T27e|e`Ao@M@8aD;7Y{zAdLjz^I#r>(9P7OmivV=OtO5P9tpm*BY<
z)%WeW8#tm(4qwT;V{aI<!OPJ*#QyHZgNmtsX?;Q0gm2woKOh_|vT1>f?wf++Kcp3S
f`9C}Dzsh~5N9!x&UKJUjV;MYM{an^LB{Ts5W9C*a
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitre/gtk-4.0/assets/check@2-symbolic.symbolic.png b/gtk/src/Zukitre/gtk-4.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 0000000000000000000000000000000000000000..994ce3a0fdd3557c04afe57649dff25d348be36c
GIT binary patch
literal 366
zcmV-!0g?WRP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00004b3#c}2nYxW
zd<bNS0003cNkl<ZNQv#$zbi#y7zgmrbtNSV*_6d5gOXkT00S`^ZT<%T!WCvLew5j0
zxk@q^lrovvSQvD14fmcp-OfGlIdzW==UdPA^nBjl_dVyOOqrai7C5_tZOr1PKnD!s
z1WkNnxkzjr^)?pO2NsIJrt#Q;MfHrS(15-i*dkuLU{Rf?4Oqt|hBIIr_zYlInCLcO
z4UKkVJq3+!;!glO)4E8BS&d=w)s1xY4d5sMHBpmtG%E>MRJRyw_l;_8cN)~dW;ZCx
zabU<b=I{{cd&5!)gMOR_hK1@0Gg+`GRoTuasqQeD2aBVJIk5}bKA}|fAR|`Oqlch^
z{S@d6TfKlf(Y*xhU4gGa1-miq1@lE=adZdwGW_*>i4Of0R_1@^7s5uU>rBQ@(EtDd
M07*qoM6N<$f)^s1xc~qF
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/dash-symbolic.svg b/gtk/src/Zukitre/gtk-4.0/assets/dash-symbolic.svg
similarity index 80%
rename from gtk/src/Zukitwo/gtk-3.0/assets/dash-symbolic.svg
rename to gtk/src/Zukitre/gtk-4.0/assets/dash-symbolic.svg
index 1bc29f8..7886d54 100644
--- a/gtk/src/Zukitwo/gtk-3.0/assets/dash-symbolic.svg
+++ b/gtk/src/Zukitre/gtk-4.0/assets/dash-symbolic.svg
@@ -17,7 +17,7 @@
height="14"
id="svg7384"
version="1.1"
- inkscape:version="0.92.1 r"
+ inkscape:version="0.91 r13725"
width="14">
<metadata
id="metadata90">
@@ -37,7 +37,7 @@
bordercolor="#666666"
borderopacity="1"
inkscape:current-layer="layer9"
- inkscape:cx="1.3825551"
+ inkscape:cx="6.8118913"
inkscape:cy="7.9276321"
gridtolerance="10"
inkscape:guide-bbox="true"
@@ -50,7 +50,7 @@
inkscape:pageopacity="1"
inkscape:pageshadow="2"
showborder="true"
- showgrid="true"
+ showgrid="false"
showguides="true"
inkscape:snap-bbox="true"
inkscape:snap-bbox-midpoints="false"
@@ -59,11 +59,11 @@
inkscape:snap-nodes="false"
inkscape:snap-others="false"
inkscape:snap-to-guides="true"
- inkscape:window-height="829"
+ inkscape:window-height="1016"
inkscape:window-maximized="1"
- inkscape:window-width="1600"
+ inkscape:window-width="1920"
inkscape:window-x="0"
- inkscape:window-y="0"
+ inkscape:window-y="27"
inkscape:zoom="25.058754"
inkscape:showpageshadow="false">
<inkscape:grid
@@ -74,8 +74,8 @@
originx="-159.99995"
originy="140"
snapvisiblegridlinesonly="true"
- spacingx="1"
- spacingy="1"
+ spacingx="1px"
+ spacingy="1px"
type="xygrid"
visible="true" />
</sodipodi:namedview>
@@ -99,13 +99,10 @@
inkscape:label="status"
style="display:inline"
transform="translate(-401.00015,-359)">
- <rect
- style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.63586509;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.0627451"
- id="rect7600"
- width="8"
- height="2"
- x="404.00015"
- y="365" />
+ <path
+ style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+ d="m 405.00021,364 5.99999,0 c 1.108,0 2,0.892 2,2 0,1.108 -0.892,2 -2,2 l -5.99999,0 c -1.108,0 -2,-0.892 -2,-2 0,-1.108 0.892,-2 2,-2 z"
+ id="rect3346" />
</g>
<g
inkscape:groupmode="layer"
diff --git a/gtk/src/Zukitre/gtk-4.0/assets/dash-symbolic.symbolic.png b/gtk/src/Zukitre/gtk-4.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 0000000000000000000000000000000000000000..c20d4bac52551bd00de0a3e70d1a2f543d2256d1
GIT binary patch
literal 130
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@-01G978lF
zCMQU+x-jOmv9+o5@bLUEd~h5{#oaKmJGPj!P5z*Wap2*VaV$BtM-Ci#;K|$FX3M}J
Xy+bPFNlOG1&=3YsS3j3^P6<r_@VFtf
literal 0
HcmV?d00001
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/dash@2-symbolic.symbolic.png b/gtk/src/Zukitre/gtk-4.0/assets/dash@2-symbolic.symbolic.png
similarity index 100%
rename from gtk/src/Zukitwo/gtk-3.0/assets/dash@2-symbolic.symbolic.png
rename to gtk/src/Zukitre/gtk-4.0/assets/dash@2-symbolic.symbolic.png
diff --git a/gtk/src/Zukitre/gtk-4.0/gtk-dark.css b/gtk/src/Zukitre/gtk-4.0/gtk-dark.css
new file mode 100644
index 0000000..ccf30ce
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/gtk-dark.css
@@ -0,0 +1,1794 @@
+.background { color: #f6f6f7; background-color: #2b2e30; }
+
+.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #f6f6f7; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview, textview > text { color: white; background-color: #383b3d; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #a5a6a7; background-color: #303335; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 1px; }
+
+textview:drop(active) { caret-color: #4a79c7; }
+
+textview > border { background-color: #323537; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #1c345c; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #3460aa; background-color: rgba(52, 96, 170, 0.2); }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: white; background-color: #383b3d; border: 1px solid black; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+label > selection { background-color: #4a79c7; color: #ffffff; }
+
+label:disabled { color: #a5a6a7; }
+
+button label:disabled { color: inherit; }
+
+label.error { color: #cc0000; }
+
+label.error:disabled { color: rgba(204, 0, 0, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { padding: 0px; border-top: 1px solid #212425; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #4a79c7; color: #ffffff; border-radius: 0; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #f6f6f7; border: none; background-color: rgba(38, 38, 38, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; }
+
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 24px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 1px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #212425; background-color: #383b3d; box-shadow: inset 0 0 0 1px rgba(74, 121, 199, 0); }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #383b3d; background-color: white; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #d0d1d2; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #f6f6f7; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #4a79c7; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #a0a1a2; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; }
+
+.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #4a79c7; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; }
+
+.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 58, 0.5); background-clip: padding-box; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #4a79c7; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4a79c7; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #313436; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #313436; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4a79c7; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4a79c7; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #383b3d; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #383b3d; }
+
+treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #4a79c7; }
+
+editablelabel > stack > text { color: white; border-color: #212425; background-color: #383b3d; box-shadow: inset 0 0 0 1px rgba(74, 121, 199, 0); }
+
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #84a4d9 0%, rgba(132, 164, 217, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #84a4d9 95%, rgba(132, 164, 217, 0)); } }
+
+notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 4px 4px; border: 1px solid; border-radius: 1px; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; background-color: #484d50; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+notebook > header > tabs > arrow, button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, button:hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; -gtk-icon-filter: brightness(1.2); }
+
+notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; background-color: #212425; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; transition-duration: 50ms; }
+
+notebook > header > tabs > arrow:checked:hover, button:checked:hover { background-color: #18191a; }
+
+notebook > header > tabs > arrow:checked:active, button:checked:active { background-color: #18191a; }
+
+notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #b9babb; box-shadow: none; text-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #b9babb; border-color: #232627; background-image: image(#272a2c); }
+
+notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #4f5558; border-color: #232627; background-color: #303335; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #4f5558; border-color: #232627; background-color: #272a2c; box-shadow: none; text-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, button:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #a5a6a7; border-color: #212425; background-color: #232527; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #2d3133; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+
+button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #242628; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4a79c7; border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #b9babb; }
+
+button.osd { min-width: 26px; min-height: 32px; color: #f6f6f7; border-radius: 3px; color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+button.osd.image-button { min-width: 30px; }
+
+button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; }
+
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; background-color: #7196d3; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #4a79c7; }
+
+button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #799cd5; }
+
+button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; background-color: #3969b9; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(74, 121, 199, 0.8); }
+
+button.suggested-action:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #b2c0d7; border-color: #2e5596; background-color: #3e629c; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.osd button.suggested-action { color: #f6f6f7; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(74, 121, 199, 0.5)); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(74, 121, 199, 0.7)); background-clip: padding-box; }
+
+.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#4a79c7); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; border-bottom-color: #570b0e; background-color: #e01b24; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #b2161d; }
+
+button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; border-bottom-color: #570b0e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #e4212a; }
+
+button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; background-color: #971218; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(178, 22, 29, 0.8); }
+
+button.destructive-action:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cfa2a4; border-color: #6e0d12; background-color: #86171c; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.osd button.destructive-action { color: #f6f6f7; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; }
+
+.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#b2161d); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+button.font separator { background-color: transparent; }
+
+button.font > box { border-spacing: 6px; }
+
+button.font > box > box > label { font-weight: bold; }
+
+button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #84a4d9 96%, rgba(132, 164, 217, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 1px; }
+
+modelbutton.flat:hover { background-color: #4a79c7; color: #ffffff; }
+
+modelbutton.flat:disabled { color: #a5a6a7; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+.toolbar button { margin: 1px; }
+
+.toolbar button:hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; }
+
+.toolbar button:active { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; background-color: #212425; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+.toolbar button:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; }
+
+.toolbar button:backdrop { color: #b9babb; box-shadow: none; text-shadow: none; }
+
+.toolbar button:backdrop:disabled { color: #4f5558; border-color: #232627; background-color: #303335; box-shadow: none; }
+
+button.color { padding: 4px; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(33, 36, 37, 0.5); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; background-color: #212425; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; background-color: #7196d3; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; border-bottom-color: #570b0e; background-color: #e01b24; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+button.link, link { color: #98b3df; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #7196d3; }
+
+*:selected button.link:visited, *:selected link:visited { color: #c6d5ed; }
+
+button.link:hover, link:hover { color: #bfd0eb; }
+
+*:selected button.link:hover, *:selected link:hover { color: #f9fafd; }
+
+button.link:active, link:active { color: #98b3df; }
+
+*:selected button.link:active, *:selected link:active { color: #eaf0f9; }
+
+button.link:disabled, link:disabled { color: rgba(188, 188, 188, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #eaf0f9; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; }
+
+.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #e3e3e4; background-image: none; border-style: none none none solid; border-color: rgba(33, 36, 37, 0.3); border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #f6f6f7; background-color: #1f2123; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(165, 166, 167, 0.3); background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 1px 1px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 1px 0 0 1px; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #f6f6f7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #f6f6f7; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(12, 12, 12, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8e8e8e; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 1px 1px 0; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 1px 0 0 1px; }
+
+spinbutton.vertical:disabled { color: #a5a6a7; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > block-cursor { color: #383b3d; background-color: white; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.osd spinbutton.vertical > button:first-child { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd spinbutton.vertical > button:first-child:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px 0; }
+
+dropdown popover listview > row, combobox popover listview > row { padding: 8px; }
+
+dropdown popover listview > row:selected, combobox popover listview > row:selected { outline-color: rgba(255, 255, 255, 0.3); color: white; background-color: #18191a; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #212425; }
+
+searchbar > revealer > box, .toolbar, toolbar { padding: 4px 3px 3px 4px; border-spacing: 4px; background-color: #2e3132; box-shadow: inset 0 2px rgba(33, 36, 37, 0.35); }
+
+.osd .toolbar, .osd toolbar { background-color: transparent; }
+
+.toolbar.osd, toolbar.osd { padding: 13px; border: none; border-radius: 3px; background-color: rgba(38, 38, 38, 0.7); }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator, toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator, toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: solid; border-color: #212425; background-color: #282b2d; }
+
+searchbar > revealer > box:backdrop { border-color: #232627; background-color: #282b2d; box-shadow: none; transition: none; }
+
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #0b0b0b; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #2d3133; background-color: #111111; }
+
+infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar .close:hover, searchbar .close:hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; }
+
+windowcontrols { border-spacing: 0px; }
+
+.titlebar:not(headerbar), headerbar { padding: 0 4px; min-height: 38px; border-width: 0 0 1px; border-style: solid; border-color: #18191a; border-radius: 0; border-color: rgba(33, 36, 37, 0.7); background: #35383b; background-image: linear-gradient(to top, #35383b, #35383b); box-shadow: inset 0 1px rgba(246, 246, 247, 0.1), inset 0 -1px rgba(246, 246, 247, 0); }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-image: none; box-shadow: inset 0 1px rgba(246, 246, 247, 0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: none; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 0 4px; }
+
+.maximized .default-decoration.titlebar:not(headerbar), .maximized headerbar.default-decoration { box-shadow: none; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, headerbar.default-decoration windowcontrols button { min-height: 20px; min-width: 20px; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.titlebar:not(headerbar) separator, headerbar separator, headerbar separator:backdrop { border-color: rgba(33, 36, 37, 0.7); background: #35383b; background-image: linear-gradient(to top, #35383b, #35383b); box-shadow: inset 0 1px rgba(246, 246, 247, 0.1), inset 0 -1px rgba(246, 246, 247, 0); }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 4px; margin-bottom: 4px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 8px; margin-bottom: 8px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #212425; }
+
+window.devel headerbar.titlebar { background: #2b2e30 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(74, 121, 199, 0.1)), linear-gradient(to top, #1a1c1d 3px, #1f2123); }
+
+window.devel headerbar.titlebar:backdrop { background: #2b2e30 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2b2e30); }
+
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; }
+
+pathbar > button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.slider-button { padding-left: 0; padding-right: 0; }
+
+columnview.view, treeview.view { border-left-color: #5e6062; border-top-color: #5e6062; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #a5a6a7; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #92afdd; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #7596cc; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #5e6062; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #525456; border-top: #525456; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #1c345c; }
+
+columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; }
+
+columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #c3c4c5; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: white; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #c9d7ee; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { background-color: #4a79c7; background-image: image(#4a79c7); box-shadow: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#383b3d); }
+
+columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #3a3e40; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(246, 246, 247, 0.1); }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #3460aa; }
+
+columnview.view > header > button, treeview.view > header > button { color: #97999a; background-color: #383b3d; font-weight: bold; text-shadow: none; box-shadow: none; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #c7c8c9; box-shadow: none; transition: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #f6f6f7; transition: none; }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #383b3d; background-image: none; background-color: #4a79c7; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #383b3d; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #4a79c7; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #5e6062; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #2b2e30; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #35383a; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 3px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #242728; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; }
+
+.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+magnifier { background-color: #383b3d; }
+
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 8px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#18191a); }
+
+popover.menu box.circular-buttons { padding: 8px 8px 4px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #18191a; border-color: #18191a; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #35383a; padding: 0px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 8px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 8px; }
+
+popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: white; }
+
+popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #ffffff; box-shadow: none; background-image: image(transparent); }
+
+popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); }
+
+popover.menu radio:active { border-color: rgba(33, 36, 37, 0.5); }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 8px; border-radius: 0; }
+
+popover.menu modelbutton:selected { color: #ffffff; }
+
+popover.menu modelbutton:selected:active { color: #ffffff; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 28px; }
+
+menubar { padding: 0px; box-shadow: inset 0 -1px #212425; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; }
+
+menubar > item:selected { background-color: #4a79c7; color: #ffffff; border-radius: 0; }
+
+menubar > item:disabled { color: #a5a6a7; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 0; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 0; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 0; border-width: 0; background-color: #2e3132; }
+
+notebook > header.top, notebook > header.bottom { box-shadow: inset 0 2px rgba(33, 36, 37, 0.35), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+notebook > header > tabs { margin: 0; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { background-color: #383b3d; }
+
+notebook > header.top { border-bottom-style: solid; }
+
+notebook > header.top > tabs { margin-bottom: -1px; }
+
+notebook > header.top > tabs > tab:checked { box-shadow: inset 1px 1px #212425, inset -1px 0 #212425; }
+
+notebook > header.bottom { border-top-style: solid; }
+
+notebook > header.bottom > tabs { margin-top: -1px; }
+
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 1px -1px #212425, inset -1px 0 #212425; }
+
+notebook > header.left { border-right-style: solid; }
+
+notebook > header.left > tabs { margin-right: -1px; }
+
+notebook > header.left > tabs > tab:checked { box-shadow: inset 1px 1px #212425, inset 0 -1px #212425; }
+
+notebook > header.right { border-left-style: solid; }
+
+notebook > header.right > tabs { margin-left: -1px; }
+
+notebook > header.right > tabs > tab:checked { box-shadow: inset -1px 1px #212425, inset 0 -1px #212425; }
+
+notebook > header.top > tabs > arrow { border-top-style: none; }
+
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+notebook > header.left > tabs > arrow { border-left-style: none; }
+
+notebook > header.right > tabs > arrow { border-right-style: none; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > tab { min-height: 24px; min-width: 24px; padding: 0px 10px; color: #f6f6f7; font-weight: normal; border-width: 1px; border-color: transparent; }
+
+notebook > header > tabs > tab:hover { color: #cececf; background-color: #27292a; }
+
+notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(33, 36, 37, 0.3); }
+
+notebook > header > tabs > tab.reorderable-page:hover:not(:checked) { background-color: #27292a; }
+
+notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
+
+notebook > header > tabs > tab:checked { color: #f6f6f7; }
+
+notebook > header > tabs > tab.reorderable-page:checked { border-color: transparent; }
+
+notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
+
+notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 0px; padding-right: 0px; }
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 0px; margin-right: 0px; }
+
+notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; }
+
+notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 0px; padding-bottom: 0px; }
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
+
+notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; }
+
+notebook > header.top > tabs > tab { padding-bottom: 4px; }
+
+notebook > header.bottom > tabs > tab { padding-top: 4px; }
+
+notebook > stack:not(:only-child) { background-color: #383b3d; }
+
+scrollbar { background-color: #323537; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar.top { border-bottom: 0px solid #212425; }
+
+scrollbar.bottom { border-top: 0px solid #212425; }
+
+scrollbar.left { border-right: 0px solid #212425; }
+
+scrollbar.right { border-left: 0px solid #212425; }
+
+scrollbar > range > trough > slider { min-width: 14px; min-height: 14px; margin: 0px; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #a5a6a7; transition: background-color 250ms; }
+
+scrollbar > range > trough > slider:hover { background-color: #cdcecf; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #7196d3; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 12px; min-height: 12px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 11px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 11px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 5px; min-height: 5px; background-color: #f6f6f7; border: 0px solid black; box-shadow: inset 0 0 0 1px black; }
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 40px; }
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #212425; margin-top: -1px; }
+
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #898989; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(246, 246, 247, 0.8); background-color: #898989; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 1px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #2b2e30, #2b2e30); border-color: #18191a; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:hover, radio:hover { background-image: linear-gradient(to bottom, #393d40, #393d40); }
+
+check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; }
+
+check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4a79c7, #4a79c7); border-color: #284a83; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #618ace, #618ace); }
+
+check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4a79c7, #4a79c7); border-color: #284a83; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #618ace, #618ace); }
+
+check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+.osd check, .osd radio { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:hover, .osd radio:hover { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:disabled, .osd radio:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+check { border-radius: 1px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/check-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; }
+
+progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #2e3132; border-radius: 1px; background-color: #2e3132; }
+
+headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #1b1c1d; }
+
+progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #303335; border-color: #212425; }
+
+row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border-color: #1c345c; }
+
+.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+
+.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(58, 58, 58, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight { border: 1px solid #4a79c7; border-radius: 1px; background-color: #4a79c7; }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #1c345c; }
+
+.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); }
+
+.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > fill, scale > trough > highlight { margin: -1px; }
+
+scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+.osd scale > trough > fill { background-color: rgba(94, 94, 94, 0.775); }
+
+.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; background-color: #484d50; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; box-shadow: 0 0 0 3px rgba(74, 121, 199, 0.3); border-color: #4a79c7; }
+
+scale > trough > slider:active { border-color: #1c345c; }
+
+scale > trough > slider:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; }
+
+row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #1c345c; }
+
+.osd scale > trough > slider { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; border-color: rgba(0, 0, 0, 0.7); background-color: #262626; }
+
+.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; background-color: #262626; }
+
+.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #262626; }
+
+.osd scale > trough > slider:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; background-color: #262626; }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 3px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color > trough { background-image: image(#212425); background-repeat: no-repeat; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+progressbar { font-size: smaller; color: rgba(246, 246, 247, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; }
+
+progressbar.horizontal > trough > progress { margin: 0 -1px; }
+
+progressbar.vertical > trough > progress { margin: -1px 0; }
+
+progressbar > trough > progress { border-radius: 1.5px; }
+
+progressbar > trough > progress:disabled { background-color: #a5a6a7; border-color: #a5a6a7; }
+
+progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; }
+
+progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; }
+
+levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; }
+
+levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; }
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; }
+
+levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; }
+
+levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: 1px solid; }
+
+levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #4a79c7; background-color: #4a79c7; }
+
+levelbar > trough > block.full { border-color: #26ab62; background-color: #26ab62; }
+
+levelbar > trough > block.empty { background-color: #1f2123; border-color: #1f2123; }
+
+window.dialog.print drawing { color: #f6f6f7; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #212425; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+frame, .frame { border: 1px solid #212425; }
+
+frame { border-radius: 3px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-spacing: 6px; border-top: 1px solid #212425; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #090a0a 85%, rgba(9, 10, 10, 0)), radial-gradient(farthest-side at top, rgba(246, 246, 247, 0.07), rgba(246, 246, 247, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #090a0a 85%, rgba(9, 10, 10, 0)), radial-gradient(farthest-side at bottom, rgba(246, 246, 247, 0.07), rgba(246, 246, 247, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #090a0a 85%, rgba(9, 10, 10, 0)), radial-gradient(farthest-side at left, rgba(246, 246, 247, 0.07), rgba(246, 246, 247, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #090a0a 85%, rgba(9, 10, 10, 0)), radial-gradient(farthest-side at right, rgba(246, 246, 247, 0.07), rgba(246, 246, 247, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > junction { background: #212425, linear-gradient(to bottom, transparent 1px, #323537 1px), linear-gradient(to right, transparent 1px, #323537 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #212425, linear-gradient(to bottom, transparent 1px, #323537 1px), linear-gradient(to left, transparent 1px, #323537 1px); }
+
+separator { background: #2d3133; min-width: 1px; min-height: 1px; }
+
+listview, list { color: white; background-color: #383b3d; border-color: #212425; }
+
+listview:backdrop, list:backdrop { color: #d8d8d9; background-color: #3a3e40; border-color: #232627; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #5e6062; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #5e6062; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(246, 246, 247, 0.05); }
+
+row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+
+row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+
+row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #5b86cc; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #5e6062; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+treeexpander { border-spacing: 4px; }
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(74, 121, 199, 0.7); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #4a79c7; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { color: #ffffff; background-color: #4a79c7; }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
+
+.app-notification border { border: none; }
+
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #a5a6a7; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 1px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+calendar { color: white; border: 1px solid #212425; }
+
+calendar > header { border-bottom: 1px solid #212425; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #212425; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: rgba(74, 121, 199, 0.7); outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 4px; }
+
+calendar > grid > label.day-number:selected { border-radius: 1px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #2b2e30; border-style: none; border-top-left-radius: 3px; border-top-right-radius: 3px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 1px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 1px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #212425; }
+
+filechooser #pathbarbox { border-bottom: 1px solid #2b2e30; }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+.sidebar { background-color: #323537; }
+
+.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #212425; border-left-style: none; }
+
+.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #212425; border-right-style: none; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #4a79c7; border-radius: 0px; color: #ffffff; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #4a79c7; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #212425; }
+
+.navigation-sidebar { padding: 0; }
+
+.navigation-sidebar > separator { margin: 0px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 0; margin: 0; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:hover, .navigation-sidebar > row:backdrop:hover { background-color: alpha(currentColor,0.06); }
+
+.navigation-sidebar > row:selected { color: #ffffff; }
+
+.navigation-sidebar > row:selected, .navigation-sidebar > row:selected:backdrop:hover { background-color: #4a79c7; }
+
+.navigation-sidebar > row:disabled { color: #a5a6a7; }
+
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar .navigation-sidebar > row { padding: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4a79c7); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #4a79c7; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4a79c7; box-shadow: inset 0 1px #4a79c7, inset 0 -1px #4a79c7; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4a79c7; }
+
+placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#212425); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#4a79c7); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #2b2e30; background-image: image(#212425), image(#212425); background-size: 1px 1px, 1px 1px; }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+tooltip { padding: 6px 10px; border-radius: 3px; box-shadow: none; }
+
+tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+colorswatch { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; }
+
+colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.dark.activatable:hover > overlay { border-color: #212425; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch.light.activatable:hover > overlay { border-color: #212425; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch.light:drop(active) > overlay { border-color: #4a79c7; box-shadow: inset 0 0 0 2px #212425, inset 0 0 0 1px #4a79c7; }
+
+colorswatch.dark:drop(active) > overlay { border-color: #4a79c7; box-shadow: inset 0 0 0 2px #212425, inset 0 0 0 1px #4a79c7; }
+
+colorswatch > overlay { border: 1px solid #212425; }
+
+colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
+
+colorswatch#add-color-button:only-child { border-radius: 5px; }
+
+colorswatch#add-color-button > overlay { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; background-color: #484d50; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; }
+
+colorswatch#editor-color-sample { border-radius: 4px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 4.5px; }
+
+plane { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+.content-view { background-color: #1a1c1d; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #4a79c7; }
+
+.content-view .tile:disabled { background-color: #303335; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
+
+.scale-popup button:hover { background-color: rgba(246, 246, 247, 0.1); border-radius: 5px; }
+
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 0px; border-radius: 3px 3px 0 0; }
+
+window.csd:backdrop { box-shadow: 0 4px 5px 2px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); }
+
+window.csd.popup { border-radius: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+
+window.csd.dialog.message { border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #212425; border-radius: 0; box-shadow: inset 0 0 0 4px #212425, inset 0 0 0 3px #35383b, inset 0 1px rgba(246, 246, 247, 0.5); }
+
+window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #212425, inset 0 0 0 3px #2b2e30, inset 0 1px rgba(246, 246, 247, 0.5); }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+
+window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+tooltip.csd { border-radius: 3px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, popover.menu modelbutton:selected, popover.menu modelbutton:selected:active, row:selected, calendar > grid > label.day-number:selected { background-color: #4a79c7; }
+
+label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, popover.menu modelbutton:selected, popover.menu modelbutton:selected:active, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; }
+
+label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, treeview.view:disabled:selected, popover.menu modelbutton:disabled:selected, popover.menu modelbutton:disabled:selected:active, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #a5bce3; }
+
+.monospace { font-family: monospace; }
+
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #f6f6f7; background-color: #383b3d; border: 1px solid; border-color: #212425; border-radius: 5px; box-shadow: inset 0 -3px #2a2d2f; font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; caret-color: #4a79c7; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #212425; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #212425; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:hover { border-color: rgba(246, 246, 247, 0.1); }
+
+button.emoji-section:checked { border-color: #4a79c7; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #4a79c7; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #4a79c7; color: #ffffff; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #18191a; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #f6f6f7;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #2b2e30;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #383b3d;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #4a79c7;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #303335;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #a5a6a7;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #383b3d;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #b9babb;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color white;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #2b2e30;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #3a3e40;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #4a79c7;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #4f5558;
+/*
+widgets main borders color */
+@define-color borders #212425;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #232627;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #26ab62;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#f6f6f7, 1.8);
+@define-color wm_unfocused_title #b9babb;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(246, 246, 247, 0.5);
+@define-color wm_bg_a shade(#2b2e30, 1.2);
+@define-color wm_bg_b #2b2e30;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#2b2e30, 1.3);
+@define-color wm_button_hover_color_b #2b2e30;
+@define-color wm_button_active_color_a shade(#2b2e30, 0.85);
+@define-color wm_button_active_color_b shade(#2b2e30, 0.89);
+@define-color wm_button_active_color_c shade(#2b2e30, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #383b3d;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #292c2d;
+windowcontrols button { min-width: 20px; min-height: 20px; padding: 0; margin: 4px 2px 4px 8px; border-radius: 1.5px; }
+
+windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; box-shadow: none; transition-property: background-color; }
+
+windowcontrols button.close > image, windowcontrols button.maximize > image, windowcontrols button.minimize > image { opacity: 0; }
+
+windowcontrols button.close { background-color: transparent; }
+
+windowcontrols button.close:hover, windowcontrols button.close:active { background-color: #c75050; }
+
+windowcontrols button.close:backdrop { background-color: transparent; }
+
+windowcontrols button.close:backdrop:hover, windowcontrols button.close:backdrop:active { background-color: #c75050; }
+
+windowcontrols button.maximize:hover, windowcontrols button.maximize:active, windowcontrols button.minimize:hover, windowcontrols button.minimize:active { background-color: rgba(255, 255, 255, 0.2); }
+
+windowcontrols button.close { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-close-hover.png"), url("../gtk-3.0/assets/titlebutton-close-hover@2.png")); }
+
+windowcontrols button.close:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.close:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.close:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-close-hover.png"), url("../gtk-3.0/assets/titlebutton-close-hover@2.png")); }
+
+windowcontrols button.close:backdrop:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.close:backdrop:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.close:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-close-hover.png"), url("../gtk-3.0/assets/titlebutton-close-hover@2.png")); }
+
+windowcontrols button.close:hover:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.close:hover:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.close:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-close-hover.png"), url("../gtk-3.0/assets/titlebutton-close-hover@2.png")); }
+
+windowcontrols button.close:active:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.close:active:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.maximize { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-maximize-hover.png"), url("../gtk-3.0/assets/titlebutton-maximize-hover@2.png")); }
+
+windowcontrols button.maximize:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.maximize:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.maximize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-maximize-hover.png"), url("../gtk-3.0/assets/titlebutton-maximize-hover@2.png")); }
+
+windowcontrols button.maximize:backdrop:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.maximize:backdrop:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.maximize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-maximize-hover.png"), url("../gtk-3.0/assets/titlebutton-maximize-hover@2.png")); }
+
+windowcontrols button.maximize:hover:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.maximize:hover:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.maximize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-maximize-hover.png"), url("../gtk-3.0/assets/titlebutton-maximize-hover@2.png")); }
+
+windowcontrols button.maximize:active:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.maximize:active:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.minimize { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-minimize-hover.png"), url("../gtk-3.0/assets/titlebutton-minimize-hover@2.png")); }
+
+windowcontrols button.minimize:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.minimize:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.minimize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-minimize-hover.png"), url("../gtk-3.0/assets/titlebutton-minimize-hover@2.png")); }
+
+windowcontrols button.minimize:backdrop:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.minimize:backdrop:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.minimize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-minimize-hover.png"), url("../gtk-3.0/assets/titlebutton-minimize-hover@2.png")); }
+
+windowcontrols button.minimize:hover:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.minimize:hover:backdrop:not(:hover) { opacity: 0.5; }
+
+windowcontrols button.minimize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-minimize-hover.png"), url("../gtk-3.0/assets/titlebutton-minimize-hover@2.png")); }
+
+windowcontrols button.minimize:active:not(:hover) { opacity: 0.8; }
+
+windowcontrols button.minimize:active:backdrop:not(:hover) { opacity: 0.5; }
+
+.maximized windowcontrols button.maximize { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-unmaximize-hover.png"), url("../gtk-3.0/assets/titlebutton-unmaximize-hover@2.png")); }
+
+.maximized windowcontrols button.maximize:not(:hover) { opacity: 0.8; }
+
+.maximized windowcontrols button.maximize:backdrop:not(:hover) { opacity: 0.5; }
+
+.maximized windowcontrols button.maximize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-unmaximize-hover.png"), url("../gtk-3.0/assets/titlebutton-unmaximize-hover@2.png")); }
+
+.maximized windowcontrols button.maximize:backdrop:not(:hover) { opacity: 0.8; }
+
+.maximized windowcontrols button.maximize:backdrop:backdrop:not(:hover) { opacity: 0.5; }
+
+.maximized windowcontrols button.maximize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-unmaximize-hover.png"), url("../gtk-3.0/assets/titlebutton-unmaximize-hover@2.png")); }
+
+.maximized windowcontrols button.maximize:hover:not(:hover) { opacity: 0.8; }
+
+.maximized windowcontrols button.maximize:hover:backdrop:not(:hover) { opacity: 0.5; }
+
+.maximized windowcontrols button.maximize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-unmaximize-hover.png"), url("../gtk-3.0/assets/titlebutton-unmaximize-hover@2.png")); }
+
+.maximized windowcontrols button.maximize:active:not(:hover) { opacity: 0.8; }
+
+.maximized windowcontrols button.maximize:active:backdrop:not(:hover) { opacity: 0.5; }
+
+switch { font-weight: bold; font-size: smaller; margin: 4px 0; padding: 0; border-width: 0; border-radius: 99px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: 0; }
+
+headerbar switch { background-color: #1b1c1d; }
+
+switch:checked { background-color: #4a79c7; }
+
+switch:disabled { opacity: 0.38; }
+
+switch > slider { margin: 2px; min-width: 22px; min-height: 22px; border-radius: 99px; background-color: rgba(246, 246, 247, 0.5); transition: all 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); }
+
+switch:hover > slider, switch:focus > slider { background-color: rgba(246, 246, 247, 0.5); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.44), 0 1px 2px -0.6px rgba(0, 0, 0, 0.37); }
+
+switch:checked > slider { background-color: rgba(246, 246, 247, 0.5); }
+
+switch > image { color: transparent; }
+
+row:selected switch { outline-color: rgba(255, 255, 255, 0.3); }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 1px; min-height: 22px; min-width: 9px; }
+
+scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -8px -4px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 1px; min-height: 22px; min-width: 9px; }
+
+scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -8px -4px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 1px; margin: -4px -11px; min-height: 9px; min-width: 22px; }
+
+scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -8px -4px; margin: -4px -8px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 1px; margin: -4px -11px; min-height: 9px; min-width: 22px; }
+
+scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -8px -4px; margin: -4px -8px; }
diff --git a/gtk/src/Zukitwo/gtk-3.0/gtk-dark.scss b/gtk/src/Zukitre/gtk-4.0/gtk-dark.scss
similarity index 87%
rename from gtk/src/Zukitwo/gtk-3.0/gtk-dark.scss
rename to gtk/src/Zukitre/gtk-4.0/gtk-dark.scss
index c7ebe54..551f97a 100644
--- a/gtk/src/Zukitwo/gtk-3.0/gtk-dark.scss
+++ b/gtk/src/Zukitre/gtk-4.0/gtk-dark.scss
@@ -1,5 +1,6 @@
$variant: 'dark';
$alt_header: 'false';
+$zukitwo: 'false';
@import 'colors';
@import 'drawing';
diff --git a/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.css b/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.css
new file mode 100644
index 0000000..93fe250
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.css
@@ -0,0 +1,1726 @@
+.background { color: #f6f6f7; background-color: #2b2e30; }
+
+.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #f6f6f7; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview, textview > text { color: white; background-color: #383b3d; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #a5a6a7; background-color: #303335; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
+
+textview:drop(active) { caret-color: #4a79c7; }
+
+textview > border { background-color: #323537; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #1c345c; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #3460aa; background-color: rgba(52, 96, 170, 0.2); }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: white; background-color: #383b3d; border: 1px solid black; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+label > selection { background-color: #4a79c7; color: #ffffff; }
+
+label:disabled { color: #a5a6a7; }
+
+button label:disabled { color: inherit; }
+
+label.error { color: #cc0000; }
+
+label.error:disabled { color: rgba(204, 0, 0, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { padding: 0px; border-top: 1px solid #212425; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #4a79c7; color: #ffffff; border-radius: 0; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #f6f6f7; border: none; background-color: rgba(38, 38, 38, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; }
+
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 24px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #212425; background-color: #383b3d; box-shadow: inset 0 0 0 1px rgba(74, 121, 199, 0); }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #383b3d; background-color: white; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #d0d1d2; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #f6f6f7; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #4a79c7; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #a0a1a2; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; }
+
+.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #4a79c7; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; }
+
+.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 58, 0.5); background-clip: padding-box; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #4a79c7; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4a79c7; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #313436; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #313436; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4a79c7; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4a79c7; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #383b3d; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #383b3d; }
+
+treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #4a79c7; }
+
+editablelabel > stack > text { color: white; border-color: #212425; background-color: #383b3d; box-shadow: inset 0 0 0 1px rgba(74, 121, 199, 0); }
+
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #84a4d9 0%, rgba(132, 164, 217, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #84a4d9 95%, rgba(132, 164, 217, 0)); } }
+
+notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 4px 4px; border: 1px solid; border-radius: 3px; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; background-color: #484d50; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+notebook > header > tabs > arrow, button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, button:hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; -gtk-icon-filter: brightness(1.2); }
+
+notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; background-color: #212425; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; transition-duration: 50ms; }
+
+notebook > header > tabs > arrow:checked:hover, button:checked:hover { background-color: #18191a; }
+
+notebook > header > tabs > arrow:checked:active, button:checked:active { background-color: #18191a; }
+
+notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #b9babb; box-shadow: none; text-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #b9babb; border-color: #232627; background-image: image(#272a2c); }
+
+notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #4f5558; border-color: #232627; background-color: #303335; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #4f5558; border-color: #232627; background-color: #272a2c; box-shadow: none; text-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, button:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #a5a6a7; border-color: #212425; background-color: #232527; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #2d3133; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+
+button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #242628; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4a79c7; border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #b9babb; }
+
+button.osd { min-width: 26px; min-height: 32px; color: #f6f6f7; border-radius: 7px; color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+button.osd.image-button { min-width: 30px; }
+
+button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; }
+
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; background-color: #7196d3; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #4a79c7; }
+
+button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #799cd5; }
+
+button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; background-color: #3969b9; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(74, 121, 199, 0.8); }
+
+button.suggested-action:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #b2c0d7; border-color: #2e5596; background-color: #3e629c; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.osd button.suggested-action { color: #f6f6f7; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(74, 121, 199, 0.5)); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(74, 121, 199, 0.7)); background-clip: padding-box; }
+
+.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#4a79c7); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; border-bottom-color: #570b0e; background-color: #e01b24; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #b2161d; }
+
+button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; border-bottom-color: #570b0e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #e4212a; }
+
+button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; background-color: #971218; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(178, 22, 29, 0.8); }
+
+button.destructive-action:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cfa2a4; border-color: #6e0d12; background-color: #86171c; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.osd button.destructive-action { color: #f6f6f7; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; }
+
+.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#b2161d); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+button.font separator { background-color: transparent; }
+
+button.font > box { border-spacing: 6px; }
+
+button.font > box > box > label { font-weight: bold; }
+
+button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #84a4d9 96%, rgba(132, 164, 217, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; }
+
+modelbutton.flat:hover { background-color: #4a79c7; color: #ffffff; }
+
+modelbutton.flat:disabled { color: #a5a6a7; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+.toolbar button { margin: 1px; }
+
+.toolbar button:hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; }
+
+.toolbar button:active { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; background-color: #212425; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+.toolbar button:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; }
+
+.toolbar button:backdrop { color: #b9babb; box-shadow: none; text-shadow: none; }
+
+.toolbar button:backdrop:disabled { color: #4f5558; border-color: #232627; background-color: #303335; box-shadow: none; }
+
+button.color { padding: 4px; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(33, 36, 37, 0.5); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; background-color: #212425; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; background-color: #7196d3; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; border-bottom-color: #570b0e; background-color: #e01b24; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+button.link, link { color: #98b3df; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #7196d3; }
+
+*:selected button.link:visited, *:selected link:visited { color: #c6d5ed; }
+
+button.link:hover, link:hover { color: #bfd0eb; }
+
+*:selected button.link:hover, *:selected link:hover { color: #f9fafd; }
+
+button.link:active, link:active { color: #98b3df; }
+
+*:selected button.link:active, *:selected link:active { color: #eaf0f9; }
+
+button.link:disabled, link:disabled { color: rgba(188, 188, 188, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #eaf0f9; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; }
+
+.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #e3e3e4; background-image: none; border-style: none none none solid; border-color: rgba(33, 36, 37, 0.3); border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #f6f6f7; background-color: #1f2123; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(165, 166, 167, 0.3); background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 3px 3px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 3px 0 0 3px; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #f6f6f7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #f6f6f7; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(12, 12, 12, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8e8e8e; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 3px 3px 0; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 3px 0 0 3px; }
+
+spinbutton.vertical:disabled { color: #a5a6a7; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > block-cursor { color: #383b3d; background-color: white; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.osd spinbutton.vertical > button:first-child { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd spinbutton.vertical > button:first-child:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px 0; }
+
+dropdown popover listview > row, combobox popover listview > row { padding: 8px; }
+
+dropdown popover listview > row:selected, combobox popover listview > row:selected { outline-color: rgba(255, 255, 255, 0.3); color: white; background-color: #18191a; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #212425; }
+
+searchbar > revealer > box, .toolbar, toolbar { padding: 4px 3px 3px 4px; border-spacing: 4px; background-color: #2e3132; box-shadow: inset 0 1px rgba(33, 36, 37, 0.35); }
+
+.osd .toolbar, .osd toolbar { background-color: transparent; }
+
+.toolbar.osd, toolbar.osd { padding: 13px; border: none; border-radius: 7px; background-color: rgba(38, 38, 38, 0.7); }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator, toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator, toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: solid; border-color: #212425; background-color: #282b2d; }
+
+searchbar > revealer > box:backdrop { border-color: #232627; background-color: #282b2d; box-shadow: none; transition: none; }
+
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #0b0b0b; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #2d3133; background-color: #111111; }
+
+infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar .close:hover, searchbar .close:hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; }
+
+windowcontrols { border-spacing: 0px; }
+
+.titlebar:not(headerbar), headerbar { padding: 0 4px; min-height: 38px; border-width: 0 0 1px; border-style: solid; border-color: #18191a; border-radius: 0; border-color: rgba(33, 36, 37, 0.7); background: #35383b; background-image: linear-gradient(to bottom, #43484b, #35383b); box-shadow: inset 0 1px rgba(246, 246, 247, 0.1), inset 0 -1px rgba(246, 246, 247, 0); }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-image: none; box-shadow: inset 0 1px rgba(246, 246, 247, 0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: none; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 0 4px; }
+
+.maximized .default-decoration.titlebar:not(headerbar), .maximized headerbar.default-decoration { box-shadow: none; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, headerbar.default-decoration windowcontrols button { min-height: 20px; min-width: 20px; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.titlebar:not(headerbar) separator, headerbar separator, headerbar separator:backdrop { border-color: rgba(33, 36, 37, 0.7); background: #35383b; background-image: linear-gradient(to bottom, #43484b, #35383b); box-shadow: inset 0 1px rgba(246, 246, 247, 0.1), inset 0 -1px rgba(246, 246, 247, 0); }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 4px; margin-bottom: 4px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 8px; margin-bottom: 8px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #212425; }
+
+window.devel headerbar.titlebar { background: #2b2e30 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(74, 121, 199, 0.1)), linear-gradient(to top, #1a1c1d 3px, #1f2123); }
+
+window.devel headerbar.titlebar:backdrop { background: #2b2e30 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2b2e30); }
+
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; }
+
+pathbar > button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.slider-button { padding-left: 0; padding-right: 0; }
+
+columnview.view, treeview.view { border-left-color: #5e6062; border-top-color: #5e6062; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #a5a6a7; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #92afdd; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #7596cc; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #5e6062; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #525456; border-top: #525456; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #1c345c; }
+
+columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; }
+
+columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #c3c4c5; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: white; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #c9d7ee; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { background-color: #4a79c7; background-image: image(#4a79c7); box-shadow: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#383b3d); }
+
+columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #3a3e40; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(246, 246, 247, 0.1); }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #3460aa; }
+
+columnview.view > header > button, treeview.view > header > button { color: #97999a; background-color: #383b3d; font-weight: bold; text-shadow: none; box-shadow: none; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #c7c8c9; box-shadow: none; transition: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #f6f6f7; transition: none; }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #383b3d; background-image: none; background-color: #4a79c7; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #383b3d; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #4a79c7; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #5e6062; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #2b2e30; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #35383a; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 7px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #242728; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; }
+
+.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+magnifier { background-color: #383b3d; }
+
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 8px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#18191a); }
+
+popover.menu box.circular-buttons { padding: 8px 8px 4px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #18191a; border-color: #18191a; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #35383a; padding: 0px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 8px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 8px; }
+
+popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: white; }
+
+popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #ffffff; box-shadow: none; background-image: image(transparent); }
+
+popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); }
+
+popover.menu radio:active { border-color: rgba(33, 36, 37, 0.5); }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 8px; border-radius: 0; }
+
+popover.menu modelbutton:selected { color: #ffffff; }
+
+popover.menu modelbutton:selected:active { color: #ffffff; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 28px; }
+
+menubar { padding: 0px; box-shadow: inset 0 -1px #212425; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; }
+
+menubar > item:selected { background-color: #4a79c7; color: #ffffff; border-radius: 0; }
+
+menubar > item:disabled { color: #a5a6a7; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 0; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 0; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 0; border-width: 1px; background-color: #2e3132; }
+
+notebook > header.top, notebook > header.bottom { background-image: linear-gradient(to bottom, #2e3132, #3d4042); box-shadow: inset 0 1px rgba(33, 36, 37, 0.35); }
+
+notebook > header > tabs { margin: 0; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { background-color: #383b3d; }
+
+notebook > header.top { border-bottom-style: solid; }
+
+notebook > header.top > tabs { margin-bottom: -1px; }
+
+notebook > header.top > tabs > tab:checked { box-shadow: inset 1px 1px #212425, inset -1px 0 #212425; }
+
+notebook > header.bottom { border-top-style: solid; }
+
+notebook > header.bottom > tabs { margin-top: -1px; }
+
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 1px -1px #212425, inset -1px 0 #212425; }
+
+notebook > header.left { border-right-style: solid; }
+
+notebook > header.left > tabs { margin-right: -1px; }
+
+notebook > header.left > tabs > tab:checked { box-shadow: inset 1px 1px #212425, inset 0 -1px #212425; }
+
+notebook > header.right { border-left-style: solid; }
+
+notebook > header.right > tabs { margin-left: -1px; }
+
+notebook > header.right > tabs > tab:checked { box-shadow: inset -1px 1px #212425, inset 0 -1px #212425; }
+
+notebook > header.top > tabs > arrow { border-top-style: none; }
+
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+notebook > header.left > tabs > arrow { border-left-style: none; }
+
+notebook > header.right > tabs > arrow { border-right-style: none; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > tab { min-height: 24px; min-width: 24px; padding: 0px 10px; color: #f6f6f7; font-weight: normal; border-width: 1px; border-color: transparent; }
+
+notebook > header > tabs > tab:hover { color: #cececf; background-color: #27292a; }
+
+notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(33, 36, 37, 0.3); }
+
+notebook > header > tabs > tab.reorderable-page:hover:not(:checked) { background-color: #27292a; }
+
+notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
+
+notebook > header > tabs > tab:checked { color: #f6f6f7; }
+
+notebook > header > tabs > tab.reorderable-page:checked { border-color: transparent; }
+
+notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
+
+notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 0px; padding-right: 0px; }
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 0px; margin-right: 0px; }
+
+notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; }
+
+notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 0px; padding-bottom: 0px; }
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
+
+notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; }
+
+notebook > header.top > tabs > tab { padding-bottom: 4px; }
+
+notebook > header.bottom > tabs > tab { padding-top: 4px; }
+
+notebook > stack:not(:only-child) { background-color: #383b3d; }
+
+scrollbar { background-color: #323537; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar.top { border-bottom: 0px solid #212425; }
+
+scrollbar.bottom { border-top: 0px solid #212425; }
+
+scrollbar.left { border-right: 0px solid #212425; }
+
+scrollbar.right { border-left: 0px solid #212425; }
+
+scrollbar.vertical { background-image: linear-gradient(to right, #242628, #292c2d); }
+
+scrollbar.horizontal { background-image: linear-gradient(to bottom, #242628, #292c2d); }
+
+scrollbar > range > trough > slider { min-width: 14px; min-height: 14px; margin: -1px; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #a5a6a7; transition: background-color 250ms; }
+
+scrollbar > range > trough > slider:hover { background-color: #cdcecf; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #7196d3; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar.vertical slider { background-image: linear-gradient(to right, #505558, #555a5d); }
+
+scrollbar.vertical slider:hover, scrollbar.vertical slider:hover:active { background-image: linear-gradient(to right, #555a5d, #5f6468); }
+
+scrollbar.horizontal slider { background-image: linear-gradient(to bottom, #505558, #555a5d); }
+
+scrollbar.horizontal slider:hover, scrollbar.horizontal slider:hover:active { background-image: linear-gradient(to bottom, #555a5d, #5f6468); }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 12px; min-height: 12px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 11px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 11px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 6px; min-height: 6px; background-color: #f6f6f7; border: 0px solid black; }
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 40px; }
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #212425; margin-top: -1px; }
+
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #898989; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(246, 246, 247, 0.8); background-color: #898989; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #2b2e30, #2b2e30); border-color: #18191a; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:hover, radio:hover { background-image: linear-gradient(to bottom, #393d40, #393d40); }
+
+check:active, radio:active { box-shadow: inset 0 1px 1px 0px black; }
+
+check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4a79c7, #4a79c7); border-color: #284a83; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #618ace, #618ace); }
+
+check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4a79c7, #4a79c7); border-color: #284a83; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #618ace, #618ace); }
+
+check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+.osd check, .osd radio { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:hover, .osd radio:hover { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:disabled, .osd radio:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; }
+
+check { border-radius: 3px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/check-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; }
+
+progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #2e3132; border-radius: 4px; background-color: #2e3132; }
+
+headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #1b1c1d; }
+
+progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #303335; border-color: #212425; }
+
+row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border-color: #1c345c; }
+
+.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+
+.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(58, 58, 58, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight { border: 1px solid #4a79c7; border-radius: 4px; background-color: #4a79c7; }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #1c345c; }
+
+.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); }
+
+.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > fill, scale > trough > highlight { margin: -1px; }
+
+scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+.osd scale > trough > fill { background-color: rgba(94, 94, 94, 0.775); }
+
+.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; background-color: #484d50; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; box-shadow: 0 0 0 3px rgba(74, 121, 199, 0.3); border-color: #4a79c7; }
+
+scale > trough > slider:active { border-color: #1c345c; }
+
+scale > trough > slider:disabled { color: #a5a6a7; border-color: #212425; background-color: #303335; box-shadow: none; text-shadow: none; }
+
+row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #1c345c; }
+
+.osd scale > trough > slider { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; box-shadow: none; border-color: rgba(0, 0, 0, 0.7); background-color: #262626; }
+
+.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; background-color: #262626; }
+
+.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #262626; }
+
+.osd scale > trough > slider:disabled { color: #8e8e8e; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 58, 0.5)); background-clip: padding-box; background-color: #262626; }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 3px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color > trough { background-image: image(#212425); background-repeat: no-repeat; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+progressbar { font-size: smaller; color: rgba(246, 246, 247, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; }
+
+progressbar.horizontal > trough > progress { margin: 0 -1px; }
+
+progressbar.vertical > trough > progress { margin: -1px 0; }
+
+progressbar > trough > progress { border-radius: 1.5px; }
+
+progressbar > trough > progress:disabled { background-color: #a5a6a7; border-color: #a5a6a7; }
+
+progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; }
+
+progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; }
+
+levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; }
+
+levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; }
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; }
+
+levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; }
+
+levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: 1px solid; }
+
+levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #4a79c7; background-color: #4a79c7; }
+
+levelbar > trough > block.full { border-color: #26ab62; background-color: #26ab62; }
+
+levelbar > trough > block.empty { background-color: #1f2123; border-color: #1f2123; }
+
+window.dialog.print drawing { color: #f6f6f7; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #212425; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+frame, .frame { border: 1px solid #212425; }
+
+frame { border-radius: 7px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-spacing: 6px; border-top: 1px solid #212425; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #090a0a 85%, rgba(9, 10, 10, 0)), radial-gradient(farthest-side at top, rgba(246, 246, 247, 0.07), rgba(246, 246, 247, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #090a0a 85%, rgba(9, 10, 10, 0)), radial-gradient(farthest-side at bottom, rgba(246, 246, 247, 0.07), rgba(246, 246, 247, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #090a0a 85%, rgba(9, 10, 10, 0)), radial-gradient(farthest-side at left, rgba(246, 246, 247, 0.07), rgba(246, 246, 247, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #090a0a 85%, rgba(9, 10, 10, 0)), radial-gradient(farthest-side at right, rgba(246, 246, 247, 0.07), rgba(246, 246, 247, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > junction { background: #212425, linear-gradient(to bottom, transparent 1px, #323537 1px), linear-gradient(to right, transparent 1px, #323537 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #212425, linear-gradient(to bottom, transparent 1px, #323537 1px), linear-gradient(to left, transparent 1px, #323537 1px); }
+
+separator { background: #2d3133; min-width: 1px; min-height: 1px; }
+
+listview, list { color: white; background-color: #383b3d; border-color: #212425; }
+
+listview:backdrop, list:backdrop { color: #d8d8d9; background-color: #3a3e40; border-color: #232627; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #5e6062; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #5e6062; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(246, 246, 247, 0.05); }
+
+row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+
+row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+
+row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #5b86cc; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #5e6062; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+treeexpander { border-spacing: 4px; }
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(74, 121, 199, 0.7); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #4a79c7; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { color: #ffffff; background-color: #4a79c7; }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
+
+.app-notification border { border: none; }
+
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #a5a6a7; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 3px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+calendar { color: white; border: 1px solid #212425; }
+
+calendar > header { border-bottom: 1px solid #212425; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #212425; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: rgba(74, 121, 199, 0.7); outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 4px; }
+
+calendar > grid > label.day-number:selected { border-radius: 3px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #2b2e30; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 3px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 3px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #212425; }
+
+filechooser #pathbarbox { border-bottom: 1px solid #2b2e30; }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+.sidebar { background-color: #323537; }
+
+.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #212425; border-left-style: none; }
+
+.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #212425; border-right-style: none; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #4a79c7; border-radius: 0px; color: #ffffff; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #4a79c7; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #212425; }
+
+.navigation-sidebar { padding: 0; }
+
+.navigation-sidebar > separator { margin: 0px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 0; margin: 0; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:hover, .navigation-sidebar > row:backdrop:hover { background-color: alpha(currentColor,0.06); }
+
+.navigation-sidebar > row:selected { color: #ffffff; }
+
+.navigation-sidebar > row:selected, .navigation-sidebar > row:selected:backdrop:hover { background-color: #4a79c7; }
+
+.navigation-sidebar > row:disabled { color: #a5a6a7; }
+
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar .navigation-sidebar > row { padding: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4a79c7); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #4a79c7; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4a79c7; box-shadow: inset 0 1px #4a79c7, inset 0 -1px #4a79c7; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4a79c7; }
+
+placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#212425); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#4a79c7); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #2b2e30; background-image: image(#212425), image(#212425); background-size: 1px 1px, 1px 1px; }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+tooltip { padding: 6px 10px; border-radius: 7px; box-shadow: none; }
+
+tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+colorswatch { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; }
+
+colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.dark.activatable:hover > overlay { border-color: #212425; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch.light.activatable:hover > overlay { border-color: #212425; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch.light:drop(active) > overlay { border-color: #4a79c7; box-shadow: inset 0 0 0 2px #212425, inset 0 0 0 1px #4a79c7; }
+
+colorswatch.dark:drop(active) > overlay { border-color: #4a79c7; box-shadow: inset 0 0 0 2px #212425, inset 0 0 0 1px #4a79c7; }
+
+colorswatch > overlay { border: 1px solid #212425; }
+
+colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
+
+colorswatch#add-color-button:only-child { border-radius: 5px; }
+
+colorswatch#add-color-button > overlay { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; background-color: #484d50; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #f6f6f7; outline-color: rgba(246, 246, 247, 0.3); border-color: #0c0c0d; border-bottom-color: black; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #4d5256; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; }
+
+colorswatch#editor-color-sample { border-radius: 4px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 4.5px; }
+
+plane { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+.content-view { background-color: #1a1c1d; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #4a79c7; }
+
+.content-view .tile:disabled { background-color: #303335; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
+
+.scale-popup button:hover { background-color: rgba(246, 246, 247, 0.1); border-radius: 5px; }
+
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 0px; border-radius: 7px 7px 0 0; }
+
+window.csd:backdrop { box-shadow: 0 4px 5px 2px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); }
+
+window.csd.popup { border-radius: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+
+window.csd.dialog.message { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #212425; border-radius: 0; box-shadow: inset 0 0 0 4px #212425, inset 0 0 0 3px #35383b, inset 0 1px rgba(246, 246, 247, 0.5); }
+
+window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #212425, inset 0 0 0 3px #2b2e30, inset 0 1px rgba(246, 246, 247, 0.5); }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+
+window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+tooltip.csd { border-radius: 7px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, popover.menu modelbutton:selected, popover.menu modelbutton:selected:active, row:selected, calendar > grid > label.day-number:selected { background-color: #4a79c7; }
+
+label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, popover.menu modelbutton:selected, popover.menu modelbutton:selected:active, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; }
+
+label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, treeview.view:disabled:selected, popover.menu modelbutton:disabled:selected, popover.menu modelbutton:disabled:selected:active, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #a5bce3; }
+
+.monospace { font-family: monospace; }
+
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #f6f6f7; background-color: #383b3d; border: 1px solid; border-color: #212425; border-radius: 5px; box-shadow: inset 0 -3px #2a2d2f; font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; caret-color: #4a79c7; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #212425; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #212425; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:hover { border-color: rgba(246, 246, 247, 0.1); }
+
+button.emoji-section:checked { border-color: #4a79c7; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #4a79c7; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #4a79c7; color: #ffffff; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #18191a; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #f6f6f7;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #2b2e30;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #383b3d;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #4a79c7;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #303335;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #a5a6a7;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #383b3d;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #b9babb;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color white;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #2b2e30;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #3a3e40;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #4a79c7;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #4f5558;
+/*
+widgets main borders color */
+@define-color borders #212425;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #232627;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #26ab62;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#f6f6f7, 1.8);
+@define-color wm_unfocused_title #b9babb;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(246, 246, 247, 0.5);
+@define-color wm_bg_a shade(#2b2e30, 1.2);
+@define-color wm_bg_b #2b2e30;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#2b2e30, 1.3);
+@define-color wm_button_hover_color_b #2b2e30;
+@define-color wm_button_active_color_a shade(#2b2e30, 0.85);
+@define-color wm_button_active_color_b shade(#2b2e30, 0.89);
+@define-color wm_button_active_color_c shade(#2b2e30, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #383b3d;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #292c2d;
+windowcontrols button { min-width: 20px; min-height: 20px; padding: 0; margin: 4px 2px 4px 8px; border-radius: 99px; box-shadow: none; }
+
+windowcontrols button, windowcontrols button:active { background-color: transparent; }
+
+windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; box-shadow: none; transition-property: background-color; }
+
+windowcontrols button.close > image, windowcontrols button.maximize > image, windowcontrols button.minimize > image { opacity: 0; }
+
+windowcontrols button.close { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-close-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-close-dark@2.png")); }
+
+windowcontrols button.close:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-close-backdrop-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-close-backdrop-dark@2.png")); }
+
+windowcontrols button.close:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-close-hover-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-close-hover-dark@2.png")); }
+
+windowcontrols button.close:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-close-active-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-close-active-dark@2.png")); }
+
+windowcontrols button.maximize { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-maximize-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-maximize-dark@2.png")); }
+
+windowcontrols button.maximize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop-dark@2.png")); }
+
+windowcontrols button.maximize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-maximize-hover-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-maximize-hover-dark@2.png")); }
+
+windowcontrols button.maximize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-maximize-active-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-maximize-active-dark@2.png")); }
+
+windowcontrols button.minimize { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-minimize-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-minimize-dark@2.png")); }
+
+windowcontrols button.minimize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop-dark@2.png")); }
+
+windowcontrols button.minimize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-minimize-hover-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-minimize-hover-dark@2.png")); }
+
+windowcontrols button.minimize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-minimize-active-dark.png"), url("../gtk-3.0/assets/ztwo-titlebutton-minimize-active-dark@2.png")); }
+
+switch { font-weight: bold; font-size: smaller; margin: 4px 0; padding: 0; border-width: 0; border-radius: 99px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.7); outline-width: 2px; outline-offset: 0; }
+
+headerbar switch { background-color: #1b1c1d; }
+
+switch:checked { background-color: #4a79c7; }
+
+switch:disabled { opacity: 0.38; }
+
+switch > slider { margin: 2px; min-width: 22px; min-height: 22px; border-radius: 99px; background-color: rgba(246, 246, 247, 0.5); transition: all 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); }
+
+switch:hover > slider, switch:focus > slider { background-color: rgba(246, 246, 247, 0.5); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.44), 0 1px 2px -0.6px rgba(0, 0, 0, 0.37); }
+
+switch:checked > slider { background-color: rgba(246, 246, 247, 0.5); }
+
+switch > image { color: transparent; }
+
+row:selected switch { outline-color: rgba(255, 255, 255, 0.3); }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 3px; min-height: 22px; min-width: 9px; }
+
+scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -8px -4px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 3px; min-height: 22px; min-width: 9px; }
+
+scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -8px -4px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 3px; margin: -4px -11px; min-height: 9px; min-width: 22px; }
+
+scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -8px -4px; margin: -4px -8px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 3px; margin: -4px -11px; min-height: 9px; min-width: 22px; }
+
+scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -8px -4px; margin: -4px -8px; }
diff --git a/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.scss b/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.scss
new file mode 100644
index 0000000..3c558c3
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo-dark.scss
@@ -0,0 +1,10 @@
+// stiloetto dark style
+$variant: 'dark';
+$alt_header: 'false';
+$zukitwo: 'true';
+
+@import 'colors';
+@import 'drawing';
+@import 'common';
+@import 'colors-public';
+@import 'custom';
diff --git a/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.css b/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.css
new file mode 100644
index 0000000..fe0fb94
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.css
@@ -0,0 +1,1740 @@
+.background { color: #2c2c2c; background-color: #d6d6d6; }
+
+.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #2c2c2c; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview, textview > text { color: black; background-color: #F7F7F7; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #707070; background-color: #c5c5c5; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
+
+textview:drop(active) { caret-color: #4a79c7; }
+
+textview > border { background-color: #e7e7e7; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #2e5596; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #3460aa; background-color: rgba(52, 96, 170, 0.2); }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child { padding: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: black; background-color: #F7F7F7; border: 1px solid black; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+label > selection { background-color: #4a79c7; color: #ffffff; }
+
+label:disabled { color: #707070; }
+
+button label:disabled { color: inherit; }
+
+label.error { color: #cc0000; }
+
+label.error:disabled { color: rgba(204, 0, 0, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { padding: 0px; border-top: 1px solid #b0b0b0; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #4a79c7; color: #ffffff; border-radius: 0; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #f6f6f7; border: none; background-color: rgba(53, 53, 53, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; }
+
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 24px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #b0b0b0; background-color: #F7F7F7; box-shadow: inset 0 0 0 1px rgba(74, 121, 199, 0); }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #F7F7F7; background-color: black; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #555555; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #2c2c2c; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #4a79c7; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #7d7d7d; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; }
+
+.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #4a79c7; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; }
+
+.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(72, 72, 72, 0.5); background-clip: padding-box; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #4a79c7; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4a79c7; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #e2e2e2; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #e2e2e2; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4a79c7; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4a79c7; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #F7F7F7; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #F7F7F7; }
+
+treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #4a79c7; }
+
+editablelabel > stack > text { color: black; border-color: #b0b0b0; background-color: #F7F7F7; box-shadow: inset 0 0 0 1px rgba(74, 121, 199, 0); }
+
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #4a79c7 0%, rgba(74, 121, 199, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #4a79c7 95%, rgba(74, 121, 199, 0)); } }
+
+notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 4px 4px; border: 1px solid; border-radius: 3px; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; background-color: whitesmoke; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+notebook > header > tabs > arrow, button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; -gtk-icon-filter: brightness(1.2); }
+
+notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; background-color: #bdbdbd; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; transition-duration: 50ms; }
+
+notebook > header > tabs > arrow:checked:hover, button:checked:hover { background-color: #b2b2b2; }
+
+notebook > header > tabs > arrow:checked:active, button:checked:active { background-color: #b2b2b2; }
+
+notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #5f5f5f; box-shadow: none; text-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #5f5f5f; border-color: #b7b7b7; background-image: image(#cbcbcb); }
+
+notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #b0b0b0; border-color: #b7b7b7; background-color: #c5c5c5; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #b0b0b0; border-color: #b7b7b7; background-color: #cbcbcb; box-shadow: none; text-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, button:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #707070; border-color: #b0b0b0; background-color: #cbcbcb; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #b7b7b7; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+
+button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #a8a8a8; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4a79c7; border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; }
+
+row:selected button { border-color: #2e5596; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #f4f4f4; }
+
+button.osd { min-width: 26px; min-height: 32px; color: #f6f6f7; border-radius: 7px; color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+button.osd.image-button { min-width: 30px; }
+
+button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; }
+
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; background-color: #7196d3; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #4a79c7; }
+
+button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #799cd5; }
+
+button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; background-color: #325ca2; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(74, 121, 199, 0.8); }
+
+button.suggested-action:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #b5c8e7; border-color: #2e5596; background-color: #4575c4; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.osd button.suggested-action { color: #f6f6f7; outline-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(74, 121, 199, 0.5)); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(74, 121, 199, 0.7)); background-clip: padding-box; }
+
+.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#4a79c7); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #9c1319; border-bottom-color: #851015; background-color: #e9454d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #e01b24; }
+
+button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #9c1319; border-bottom-color: #851015; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #ea4e56; }
+
+button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #9c1319; background-color: #a9141b; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(224, 27, 36, 0.8); }
+
+button.destructive-action:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #efa5a9; border-color: #9c1319; background-color: #d71f28; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.osd button.destructive-action { color: #f6f6f7; outline-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.7)); background-clip: padding-box; }
+
+.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#e01b24); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+button.font separator { background-color: transparent; }
+
+button.font > box { border-spacing: 6px; }
+
+button.font > box > box > label { font-weight: bold; }
+
+button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #4a79c7 96%, rgba(74, 121, 199, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; }
+
+modelbutton.flat:hover { background-color: #4a79c7; color: #ffffff; }
+
+modelbutton.flat:disabled { color: #707070; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+.toolbar button { margin: 1px; }
+
+.toolbar button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; }
+
+.toolbar button:active { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; background-color: #bdbdbd; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+.toolbar button:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; }
+
+.toolbar button:backdrop { color: #5f5f5f; box-shadow: none; text-shadow: none; }
+
+.toolbar button:backdrop:disabled { color: #b0b0b0; border-color: #b7b7b7; background-color: #c5c5c5; box-shadow: none; }
+
+button.color { padding: 4px; }
+
+button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+.osd button.color > colorswatch:only-child { box-shadow: none; }
+
+.osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; }
+
+popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(176, 176, 176, 0.5); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; background-color: #bdbdbd; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; background-color: #7196d3; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #9c1319; border-bottom-color: #851015; background-color: #e9454d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.link, link { color: #3460aa; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #284a83; }
+
+*:selected button.link:visited, *:selected link:visited { color: #a9b7cd; }
+
+button.link:hover, link:hover { color: #4a79c7; }
+
+*:selected button.link:hover, *:selected link:hover { color: #edf2f9; }
+
+button.link:active, link:active { color: #3460aa; }
+
+*:selected button.link:active, *:selected link:active { color: #d6dfee; }
+
+button.link:disabled, link:disabled { color: rgba(111, 111, 111, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d6dfee; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; }
+
+.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #404040; background-image: none; border-style: none none none solid; border-color: rgba(176, 176, 176, 0.3); border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #2c2c2c; background-color: #c9c9c9; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(112, 112, 112, 0.3); background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 3px 3px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 3px 0 0 3px; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #f6f6f7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #f6f6f7; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(27, 27, 27, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #959596; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 3px 3px 0; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 3px 0 0 3px; }
+
+spinbutton.vertical:disabled { color: #707070; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > block-cursor { color: #F7F7F7; background-color: black; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.osd spinbutton.vertical > button:first-child { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd spinbutton.vertical > button:first-child:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px 0; }
+
+dropdown popover listview > row, combobox popover listview > row { padding: 8px; }
+
+dropdown popover listview > row:selected, combobox popover listview > row:selected { outline-color: rgba(255, 255, 255, 0.8); color: black; background-color: #c7c7c7; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #b0b0b0; }
+
+searchbar > revealer > box, .toolbar, toolbar { padding: 4px 3px 3px 4px; border-spacing: 4px; background-color: #c3c3c3; box-shadow: inset 0 1px rgba(176, 176, 176, 0.35); }
+
+.osd .toolbar, .osd toolbar { background-color: transparent; }
+
+.toolbar.osd, toolbar.osd { padding: 13px; border: none; border-radius: 7px; background-color: rgba(53, 53, 53, 0.7); }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator, toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator, toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: solid; border-color: #b0b0b0; background-color: #cbcbcb; }
+
+searchbar > revealer > box:backdrop { border-color: #b7b7b7; background-color: #cbcbcb; box-shadow: none; transition: none; }
+
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #f2efeb; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #bdbdbd; background-color: #eeeae4; }
+
+infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar .close:hover, searchbar .close:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; }
+
+windowcontrols { border-spacing: 0px; }
+
+.titlebar:not(headerbar), headerbar { padding: 0 4px; min-height: 38px; border-width: 0 0 1px; border-style: solid; border-color: #b0b0b0; border-radius: 0; background: #d6d6d6; background-image: linear-gradient(to bottom, #e5e5e5, #d6d6d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -1px rgba(255, 255, 255, 0.3); }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-image: none; box-shadow: inset 0 1px white; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: none; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 0 4px; }
+
+.maximized .default-decoration.titlebar:not(headerbar), .maximized headerbar.default-decoration { box-shadow: none; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, headerbar.default-decoration windowcontrols button { min-height: 20px; min-width: 20px; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.titlebar:not(headerbar) separator, headerbar separator, headerbar separator:backdrop { background: #d6d6d6; background-image: linear-gradient(to bottom, #e5e5e5, #d6d6d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -1px rgba(255, 255, 255, 0.3); }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 4px; margin-bottom: 4px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 8px; margin-bottom: 8px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #b0b0b0; }
+
+window.devel headerbar.titlebar { background: #d6d6d6 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(74, 121, 199, 0.2)), linear-gradient(to top, #b5b5b5, #bdbdbd 3px, #cccccc); }
+
+window.devel headerbar.titlebar:backdrop { background: #d6d6d6 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#d6d6d6); }
+
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; }
+
+pathbar > button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.slider-button { padding-left: 0; padding-right: 0; }
+
+columnview.view, treeview.view { border-left-color: #bebebe; border-top-color: #bebebe; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview.view:disabled, treeview.view:disabled { color: #707070; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #92afdd; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #7d9ed5; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #bebebe; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #c4c4c4; border-top: #c4c4c4; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #2e5596; }
+
+columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; }
+
+columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4a4a4a; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: black; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #c9d7ee; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #F7F7F7; background-color: #4a79c7; background-image: image(#4a79c7); box-shadow: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #4a79c7; background-image: image(#F7F7F7); }
+
+columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #4a79c7; background-color: #f4f4f4; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(44, 44, 44, 0.1); }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #929292; background-color: #F7F7F7; font-weight: bold; text-shadow: none; box-shadow: none; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #5f5f5f; box-shadow: none; transition: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #2c2c2c; transition: none; }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #F7F7F7; background-image: none; background-color: #4a79c7; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #F7F7F7; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #4a79c7; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #bebebe; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #d6d6d6; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #F7F7F7; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 7px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #bbbbbb; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; }
+
+.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+magnifier { background-color: #F7F7F7; }
+
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 8px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#c7c7c7); }
+
+popover.menu box.circular-buttons { padding: 8px 8px 4px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #c7c7c7; border-color: #c7c7c7; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #F7F7F7; padding: 0px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 8px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 8px; }
+
+popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: black; }
+
+popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #ffffff; box-shadow: none; background-image: image(transparent); }
+
+popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); }
+
+popover.menu radio:active { border-color: rgba(176, 176, 176, 0.5); }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 8px; border-radius: 0; }
+
+popover.menu modelbutton:selected { color: #ffffff; }
+
+popover.menu modelbutton:selected:active { color: #ffffff; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 28px; }
+
+menubar { padding: 0px; box-shadow: inset 0 -1px #b0b0b0; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; }
+
+menubar > item:selected { background-color: #4a79c7; color: #ffffff; border-radius: 0; }
+
+menubar > item:disabled { color: #707070; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 0; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 0; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 0; border-width: 1px; background-color: #c3c3c3; }
+
+notebook > header.top, notebook > header.bottom { background-image: linear-gradient(to bottom, #c3c3c3, #d2d2d2); box-shadow: inset 0 1px rgba(176, 176, 176, 0.35); }
+
+notebook > header > tabs { margin: 0; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { background-color: #F7F7F7; }
+
+notebook > header.top { border-bottom-style: solid; }
+
+notebook > header.top > tabs { margin-bottom: -1px; }
+
+notebook > header.top > tabs > tab:checked { box-shadow: inset 1px 1px #b0b0b0, inset -1px 0 #b0b0b0; }
+
+notebook > header.bottom { border-top-style: solid; }
+
+notebook > header.bottom > tabs { margin-top: -1px; }
+
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 1px -1px #b0b0b0, inset -1px 0 #b0b0b0; }
+
+notebook > header.left { border-right-style: solid; }
+
+notebook > header.left > tabs { margin-right: -1px; }
+
+notebook > header.left > tabs > tab:checked { box-shadow: inset 1px 1px #b0b0b0, inset 0 -1px #b0b0b0; }
+
+notebook > header.right { border-left-style: solid; }
+
+notebook > header.right > tabs { margin-left: -1px; }
+
+notebook > header.right > tabs > tab:checked { box-shadow: inset -1px 1px #b0b0b0, inset 0 -1px #b0b0b0; }
+
+notebook > header.top > tabs > arrow { border-top-style: none; }
+
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+notebook > header.left > tabs > arrow { border-left-style: none; }
+
+notebook > header.right > tabs > arrow { border-right-style: none; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > tab { min-height: 24px; min-width: 24px; padding: 0px 10px; color: #2c2c2c; font-weight: normal; border-width: 1px; border-color: transparent; }
+
+notebook > header > tabs > tab:hover { color: #4e4e4e; background-color: #bbbbbb; }
+
+notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(176, 176, 176, 0.3); }
+
+notebook > header > tabs > tab.reorderable-page:hover:not(:checked) { background-color: #bbbbbb; }
+
+notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
+
+notebook > header > tabs > tab:checked { color: #2c2c2c; }
+
+notebook > header > tabs > tab.reorderable-page:checked { border-color: transparent; }
+
+notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
+
+notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 0px; padding-right: 0px; }
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 0px; margin-right: 0px; }
+
+notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; }
+
+notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 0px; padding-bottom: 0px; }
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
+
+notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; }
+
+notebook > header.top > tabs > tab { padding-bottom: 4px; }
+
+notebook > header.bottom > tabs > tab { padding-top: 4px; }
+
+notebook > stack:not(:only-child) { background-color: #F7F7F7; }
+
+scrollbar { background-color: #b4b4b4; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar.top { border-bottom: 0px solid #b0b0b0; }
+
+scrollbar.bottom { border-top: 0px solid #b0b0b0; }
+
+scrollbar.left { border-right: 0px solid #b0b0b0; }
+
+scrollbar.right { border-left: 0px solid #b0b0b0; }
+
+scrollbar.vertical { background-image: linear-gradient(to right, #aaaaaa, #b4b4b4); }
+
+scrollbar.horizontal { background-image: linear-gradient(to bottom, #aaaaaa, #b4b4b4); }
+
+scrollbar > range > trough > slider { min-width: 14px; min-height: 14px; margin: -1px; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #707070; transition: background-color 250ms; }
+
+scrollbar > range > trough > slider:hover { background-color: #4e4e4e; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #3460aa; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar.vertical slider { background-image: linear-gradient(to right, #6b6b6b, #5c5c5c); }
+
+scrollbar.vertical slider:hover, scrollbar.vertical slider:hover:active { background-image: linear-gradient(to right, #575757, #474747); }
+
+scrollbar.horizontal slider { background-image: linear-gradient(to bottom, #6b6b6b, #5c5c5c); }
+
+scrollbar.horizontal slider:hover, scrollbar.horizontal slider:hover:active { background-image: linear-gradient(to bottom, #575757, #474747); }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 12px; min-height: 12px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 11px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 11px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 6px; min-height: 6px; background-color: #2c2c2c; border: 0px solid white; }
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 40px; }
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #b0b0b0; margin-top: -1px; }
+
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #898989; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(246, 246, 247, 0.8); background-color: #898989; border-radius: 3px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white, white); border-color: #8a8a8a; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:hover, radio:hover { background-image: image(#f2f2f2); }
+
+check:active, radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
+
+check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4a79c7, #4a79c7); border-color: #3460aa; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #618ace, #618ace); }
+
+check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4a79c7, #4a79c7); border-color: #3460aa; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #618ace, #618ace); }
+
+check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+row:selected check, row:selected radio { border-color: #3460aa; }
+
+.osd check, .osd radio { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:hover, .osd radio:hover { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:disabled, .osd radio:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+check { border-radius: 3px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/check-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #2e5596; }
+
+progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #c3c3c3; border-radius: 4px; background-color: #c3c3c3; }
+
+headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #afafaf; }
+
+progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #c5c5c5; border-color: #b0b0b0; }
+
+row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border-color: #2e5596; }
+
+.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+
+.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(72, 72, 72, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight { border: 1px solid #4a79c7; border-radius: 4px; background-color: #4a79c7; }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #2e5596; }
+
+.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); }
+
+.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > fill, scale > trough > highlight { margin: -1px; }
+
+scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+.osd scale > trough > fill { background-color: rgba(94, 94, 94, 0.775); }
+
+.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; background-color: whitesmoke; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; box-shadow: 0 0 0 3px rgba(74, 121, 199, 0.3); border-color: #4a79c7; }
+
+scale > trough > slider:active { border-color: #2e5596; }
+
+scale > trough > slider:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; }
+
+row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #2e5596; }
+
+.osd scale > trough > slider { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; border-color: rgba(0, 0, 0, 0.7); background-color: #353535; }
+
+.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; background-color: #353535; }
+
+.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #353535; }
+
+.osd scale > trough > slider:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; background-color: #353535; }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 3px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color > trough { background-image: image(#b0b0b0); background-repeat: no-repeat; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+progressbar { font-size: smaller; color: rgba(44, 44, 44, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; }
+
+progressbar.horizontal > trough > progress { margin: 0 -1px; }
+
+progressbar.vertical > trough > progress { margin: -1px 0; }
+
+progressbar > trough > progress { border-radius: 1.5px; }
+
+progressbar > trough > progress:disabled { background-color: #707070; border-color: #707070; }
+
+progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; }
+
+progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; }
+
+levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; }
+
+levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; }
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; }
+
+levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; }
+
+levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: 1px solid; }
+
+levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #4a79c7; background-color: #4a79c7; }
+
+levelbar > trough > block.full { border-color: #33d17a; background-color: #33d17a; }
+
+levelbar > trough > block.empty { background-color: #c9c9c9; border-color: #c9c9c9; }
+
+window.dialog.print drawing { color: #2c2c2c; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #b0b0b0; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+frame, .frame { border: 1px solid #b0b0b0; }
+
+frame { border-radius: 7px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-spacing: 6px; border-top: 1px solid #b0b0b0; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #969696 85%, rgba(150, 150, 150, 0)), radial-gradient(farthest-side at top, rgba(44, 44, 44, 0.07), rgba(44, 44, 44, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #969696 85%, rgba(150, 150, 150, 0)), radial-gradient(farthest-side at bottom, rgba(44, 44, 44, 0.07), rgba(44, 44, 44, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #969696 85%, rgba(150, 150, 150, 0)), radial-gradient(farthest-side at left, rgba(44, 44, 44, 0.07), rgba(44, 44, 44, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #969696 85%, rgba(150, 150, 150, 0)), radial-gradient(farthest-side at right, rgba(44, 44, 44, 0.07), rgba(44, 44, 44, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > junction { background: #b0b0b0, linear-gradient(to bottom, transparent 1px, #b4b4b4 1px), linear-gradient(to right, transparent 1px, #b4b4b4 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #b0b0b0, linear-gradient(to bottom, transparent 1px, #b4b4b4 1px), linear-gradient(to left, transparent 1px, #b4b4b4 1px); }
+
+separator { background: #bdbdbd; min-width: 1px; min-height: 1px; }
+
+listview, list { color: black; background-color: #F7F7F7; border-color: #b0b0b0; }
+
+listview:backdrop, list:backdrop { color: #313131; background-color: #f4f4f4; border-color: #b7b7b7; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #bebebe; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #bebebe; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(44, 44, 44, 0.05); }
+
+row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+
+row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+
+row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #4771b8; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #bebebe; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+treeexpander { border-spacing: 4px; }
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(74, 121, 199, 0.5); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #4a79c7; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { color: #ffffff; background-color: #4a79c7; }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(53, 53, 53, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
+
+.app-notification border { border: none; }
+
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #707070; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 3px; }
+
+expander-widget > box > title:hover > expander { color: #797979; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+calendar { color: black; border: 1px solid #b0b0b0; }
+
+calendar > header { border-bottom: 1px solid #b0b0b0; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #b0b0b0; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: rgba(74, 121, 199, 0.5); outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 4px; }
+
+calendar > grid > label.day-number:selected { border-radius: 3px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #d6d6d6; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 3px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 3px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #b0b0b0; }
+
+filechooser #pathbarbox { border-bottom: 1px solid #d6d6d6; }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+.sidebar { background-color: #e7e7e7; }
+
+.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #b0b0b0; border-left-style: none; }
+
+.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #b0b0b0; border-right-style: none; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #4a79c7; border-radius: 0px; color: #ffffff; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #4a79c7; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #b0b0b0; }
+
+.navigation-sidebar { padding: 0; }
+
+.navigation-sidebar > separator { margin: 0px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 0; margin: 0; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:hover, .navigation-sidebar > row:backdrop:hover { background-color: alpha(currentColor,0.06); }
+
+.navigation-sidebar > row:selected { color: #ffffff; }
+
+.navigation-sidebar > row:selected, .navigation-sidebar > row:selected:backdrop:hover { background-color: #4a79c7; }
+
+.navigation-sidebar > row:disabled { color: #707070; }
+
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar .navigation-sidebar > row { padding: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4a79c7); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #4a79c7; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4a79c7; box-shadow: inset 0 1px #4a79c7, inset 0 -1px #4a79c7; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4a79c7; }
+
+placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#b0b0b0); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#4a79c7); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #d6d6d6; background-image: image(#b0b0b0), image(#b0b0b0); background-size: 1px 1px, 1px 1px; }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+tooltip { padding: 6px 10px; border-radius: 7px; box-shadow: none; }
+
+tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+colorswatch { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; }
+
+colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch.light:drop(active) > overlay { border-color: #4a79c7; box-shadow: inset 0 0 0 2px #3867b5, inset 0 0 0 1px #4a79c7; }
+
+colorswatch.dark:drop(active) > overlay { border-color: #4a79c7; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4a79c7; }
+
+colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); }
+
+colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
+
+colorswatch#add-color-button:only-child { border-radius: 5px; }
+
+colorswatch#add-color-button > overlay { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; background-color: whitesmoke; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; }
+
+colorswatch#editor-color-sample { border-radius: 4px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 4.5px; }
+
+plane { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+.content-view { background-color: #c4c4c4; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
+
+.content-view .tile:disabled { background-color: transparent; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
+
+.scale-popup button:hover { background-color: rgba(44, 44, 44, 0.1); border-radius: 5px; }
+
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 7px 7px 0 0; }
+
+window.csd:backdrop { box-shadow: 0 4px 5px 2px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
+
+window.csd.popup { border-radius: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+
+window.csd.dialog.message { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #b0b0b0; border-radius: 0; box-shadow: inset 0 0 0 4px #b0b0b0, inset 0 0 0 3px #d6d6d6, inset 0 1px white; }
+
+window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #b0b0b0, inset 0 0 0 3px #d6d6d6, inset 0 1px white; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
+
+window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+tooltip.csd { border-radius: 7px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, popover.menu modelbutton:selected, popover.menu modelbutton:selected:active, row:selected, calendar > grid > label.day-number:selected { background-color: #4a79c7; }
+
+label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, popover.menu modelbutton:selected, popover.menu modelbutton:selected:active, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; }
+
+label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, treeview.view:disabled:selected, popover.menu modelbutton:disabled:selected, popover.menu modelbutton:disabled:selected:active, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #a5bce3; }
+
+.monospace { font-family: monospace; }
+
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #2c2c2c; background-color: #F7F7F7; border: 1px solid; border-color: #c3c3c3; border-radius: 5px; box-shadow: inset 0 -3px #dddddd; font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; caret-color: #4a79c7; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #b0b0b0; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #b0b0b0; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:hover { border-color: #b0b0b0; }
+
+button.emoji-section:checked { border-color: #4a79c7; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #4a79c7; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #4a79c7; color: #ffffff; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #c7c7c7; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #2c2c2c;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color black;
+/*
+widget base background color */
+@define-color theme_bg_color #d6d6d6;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #F7F7F7;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #4a79c7;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #c5c5c5;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #707070;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #F7F7F7;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #5f5f5f;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color black;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #d6d6d6;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #f4f4f4;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #4a79c7;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #b0b0b0;
+/*
+widgets main borders color */
+@define-color borders #b0b0b0;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #b7b7b7;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #33d17a;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#2c2c2c, 1.8);
+@define-color wm_unfocused_title #5f5f5f;
+@define-color wm_highlight white;
+@define-color wm_borders_edge white;
+@define-color wm_bg_a shade(#d6d6d6, 1.2);
+@define-color wm_bg_b #d6d6d6;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#d6d6d6, 1.3);
+@define-color wm_button_hover_color_b #d6d6d6;
+@define-color wm_button_active_color_a shade(#d6d6d6, 0.85);
+@define-color wm_button_active_color_b shade(#d6d6d6, 0.89);
+@define-color wm_button_active_color_c shade(#d6d6d6, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #F7F7F7;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #F7F7F7;
+windowcontrols button { min-width: 20px; min-height: 20px; padding: 0; margin: 4px 2px 4px 8px; border-radius: 99px; box-shadow: none; }
+
+windowcontrols button, windowcontrols button:active { background-color: transparent; }
+
+windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; box-shadow: none; transition-property: background-color; }
+
+windowcontrols button.close > image, windowcontrols button.maximize > image, windowcontrols button.minimize > image { opacity: 0; }
+
+windowcontrols button.close { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-close.png"), url("../gtk-3.0/assets/ztwo-titlebutton-close@2.png")); }
+
+windowcontrols button.close:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-close-backdrop.png"), url("../gtk-3.0/assets/ztwo-titlebutton-close-backdrop@2.png")); }
+
+windowcontrols button.close:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-close-hover.png"), url("../gtk-3.0/assets/ztwo-titlebutton-close-hover@2.png")); }
+
+windowcontrols button.close:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-close-active.png"), url("../gtk-3.0/assets/ztwo-titlebutton-close-active@2.png")); }
+
+windowcontrols button.maximize { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-maximize.png"), url("../gtk-3.0/assets/ztwo-titlebutton-maximize@2.png")); }
+
+windowcontrols button.maximize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop.png"), url("../gtk-3.0/assets/ztwo-titlebutton-maximize-backdrop@2.png")); }
+
+windowcontrols button.maximize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-maximize-hover.png"), url("../gtk-3.0/assets/ztwo-titlebutton-maximize-hover@2.png")); }
+
+windowcontrols button.maximize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-maximize-active.png"), url("../gtk-3.0/assets/ztwo-titlebutton-maximize-active@2.png")); }
+
+windowcontrols button.minimize { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-minimize.png"), url("../gtk-3.0/assets/ztwo-titlebutton-minimize@2.png")); }
+
+windowcontrols button.minimize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop.png"), url("../gtk-3.0/assets/ztwo-titlebutton-minimize-backdrop@2.png")); }
+
+windowcontrols button.minimize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-minimize-hover.png"), url("../gtk-3.0/assets/ztwo-titlebutton-minimize-hover@2.png")); }
+
+windowcontrols button.minimize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/ztwo-titlebutton-minimize-active.png"), url("../gtk-3.0/assets/ztwo-titlebutton-minimize-active@2.png")); }
+
+switch { font-weight: bold; font-size: smaller; margin: 4px 0; padding: 0; border-width: 0; border-radius: 99px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: 0; }
+
+headerbar switch { background-color: #afafaf; }
+
+switch:checked { background-color: #4a79c7; }
+
+switch:disabled { opacity: 0.38; }
+
+switch > slider { margin: 2px; min-width: 22px; min-height: 22px; border-radius: 99px; background-color: white; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); }
+
+switch:hover > slider, switch:focus > slider { background-color: white; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.44), 0 1px 2px -0.6px rgba(0, 0, 0, 0.37); }
+
+switch:checked > slider { background-color: white; }
+
+switch > image { color: transparent; }
+
+row:selected switch { outline-color: rgba(255, 255, 255, 0.8); box-shadow: none; border: 1px solid #3460aa; }
+
+row:selected switch:backdrop { border-color: #3460aa; }
+
+row:selected switch > slider { border-color: #3460aa; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 3px; min-height: 22px; min-width: 9px; }
+
+scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -8px -4px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 3px; min-height: 22px; min-width: 9px; }
+
+scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -8px -4px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 3px; margin: -4px -11px; min-height: 9px; min-width: 22px; }
+
+scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -8px -4px; margin: -4px -8px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 3px; margin: -4px -11px; min-height: 9px; min-width: 22px; }
+
+scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -8px -4px; margin: -4px -8px; }
diff --git a/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.scss b/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.scss
new file mode 100644
index 0000000..eab1262
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/gtk-zukitwo.scss
@@ -0,0 +1,10 @@
+// stiloetto style
+$variant: 'light';
+$alt_header: 'false';
+$zukitwo: 'true';
+
+@import 'colors';
+@import 'drawing';
+@import 'common';
+@import 'colors-public';
+@import 'custom';
diff --git a/gtk/src/Zukitre/gtk-4.0/gtk.css b/gtk/src/Zukitre/gtk-4.0/gtk.css
new file mode 100644
index 0000000..2ce3427
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/gtk.css
@@ -0,0 +1,1744 @@
+.background { color: #2c2c2c; background-color: #d6d6d6; }
+
+.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #2c2c2c; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview, textview > text { color: black; background-color: #F7F7F7; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #707070; background-color: #c5c5c5; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 1px; }
+
+textview:drop(active) { caret-color: #4a79c7; }
+
+textview > border { background-color: #e7e7e7; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #2e5596; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #3460aa; background-color: rgba(52, 96, 170, 0.2); }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child { padding: 3px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: black; background-color: #F7F7F7; border: 1px solid black; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+label > selection { background-color: #4a79c7; color: #ffffff; }
+
+label:disabled { color: #707070; }
+
+button label:disabled { color: inherit; }
+
+label.error { color: #cc0000; }
+
+label.error:disabled { color: rgba(204, 0, 0, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { padding: 0px; border-top: 1px solid #b0b0b0; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #4a79c7; color: #ffffff; border-radius: 0; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #f6f6f7; border: none; background-color: rgba(53, 53, 53, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; }
+
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 24px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 1px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #b0b0b0; background-color: #F7F7F7; box-shadow: inset 0 0 0 1px rgba(74, 121, 199, 0); }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #F7F7F7; background-color: black; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #555555; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #2c2c2c; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #4a79c7; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #7d7d7d; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; }
+
+.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #4a79c7; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; }
+
+.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(72, 72, 72, 0.5); background-clip: padding-box; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #4a79c7; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4a79c7; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #e2e2e2; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #e2e2e2; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4a79c7; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4a79c7; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #F7F7F7; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #F7F7F7; }
+
+treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #4a79c7; }
+
+editablelabel > stack > text { color: black; border-color: #b0b0b0; background-color: #F7F7F7; box-shadow: inset 0 0 0 1px rgba(74, 121, 199, 0); }
+
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #4a79c7 0%, rgba(74, 121, 199, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #4a79c7 95%, rgba(74, 121, 199, 0)); } }
+
+notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 4px 4px; border: 1px solid; border-radius: 1px; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; background-color: whitesmoke; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+notebook > header > tabs > arrow, button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; -gtk-icon-filter: brightness(1.2); }
+
+notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; background-color: #bdbdbd; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; transition-duration: 50ms; }
+
+notebook > header > tabs > arrow:checked:hover, button:checked:hover { background-color: #b2b2b2; }
+
+notebook > header > tabs > arrow:checked:active, button:checked:active { background-color: #b2b2b2; }
+
+notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #5f5f5f; box-shadow: none; text-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #5f5f5f; border-color: #b7b7b7; background-image: image(#cbcbcb); }
+
+notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #b0b0b0; border-color: #b7b7b7; background-color: #c5c5c5; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #b0b0b0; border-color: #b7b7b7; background-color: #cbcbcb; box-shadow: none; text-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, button:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #707070; border-color: #b0b0b0; background-color: #cbcbcb; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #b7b7b7; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+
+button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #a8a8a8; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4a79c7; border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; }
+
+row:selected button { border-color: #2e5596; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #f4f4f4; }
+
+button.osd { min-width: 26px; min-height: 32px; color: #f6f6f7; border-radius: 3px; color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+button.osd.image-button { min-width: 30px; }
+
+button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; }
+
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; background-color: #7196d3; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #4a79c7; }
+
+button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #799cd5; }
+
+button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; background-color: #325ca2; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(74, 121, 199, 0.8); }
+
+button.suggested-action:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #b5c8e7; border-color: #2e5596; background-color: #4575c4; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.osd button.suggested-action { color: #f6f6f7; outline-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(74, 121, 199, 0.5)); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(74, 121, 199, 0.7)); background-clip: padding-box; }
+
+.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#4a79c7); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #9c1319; border-bottom-color: #851015; background-color: #e9454d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #e01b24; }
+
+button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #9c1319; border-bottom-color: #851015; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #ea4e56; }
+
+button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #9c1319; background-color: #a9141b; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(224, 27, 36, 0.8); }
+
+button.destructive-action:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #efa5a9; border-color: #9c1319; background-color: #d71f28; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.osd button.destructive-action { color: #f6f6f7; outline-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.7)); background-clip: padding-box; }
+
+.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#e01b24); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+button.font separator { background-color: transparent; }
+
+button.font > box { border-spacing: 6px; }
+
+button.font > box > box > label { font-weight: bold; }
+
+button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #4a79c7 96%, rgba(74, 121, 199, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 1px; }
+
+modelbutton.flat:hover { background-color: #4a79c7; color: #ffffff; }
+
+modelbutton.flat:disabled { color: #707070; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+.toolbar button { margin: 1px; }
+
+.toolbar button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; }
+
+.toolbar button:active { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; background-color: #bdbdbd; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+.toolbar button:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; }
+
+.toolbar button:backdrop { color: #5f5f5f; box-shadow: none; text-shadow: none; }
+
+.toolbar button:backdrop:disabled { color: #b0b0b0; border-color: #b7b7b7; background-color: #c5c5c5; box-shadow: none; }
+
+button.color { padding: 4px; }
+
+button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+.osd button.color > colorswatch:only-child { box-shadow: none; }
+
+.osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; }
+
+popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(176, 176, 176, 0.5); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; background-color: #bdbdbd; box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.04); text-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2e5596; border-bottom-color: #284a83; background-color: #7196d3; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #9c1319; border-bottom-color: #851015; background-color: #e9454d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.link, link { color: #3460aa; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #284a83; }
+
+*:selected button.link:visited, *:selected link:visited { color: #a9b7cd; }
+
+button.link:hover, link:hover { color: #4a79c7; }
+
+*:selected button.link:hover, *:selected link:hover { color: #edf2f9; }
+
+button.link:active, link:active { color: #3460aa; }
+
+*:selected button.link:active, *:selected link:active { color: #d6dfee; }
+
+button.link:disabled, link:disabled { color: rgba(111, 111, 111, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d6dfee; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; }
+
+.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #404040; background-image: none; border-style: none none none solid; border-color: rgba(176, 176, 176, 0.3); border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #2c2c2c; background-color: #c9c9c9; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(112, 112, 112, 0.3); background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 1px 1px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 1px 0 0 1px; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #f6f6f7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #f6f6f7; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(27, 27, 27, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #959596; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 1px 1px 0; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 1px 0 0 1px; }
+
+spinbutton.vertical:disabled { color: #707070; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > block-cursor { color: #F7F7F7; background-color: black; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.osd spinbutton.vertical > button:first-child { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd spinbutton.vertical > button:first-child:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px 0; }
+
+dropdown popover listview > row, combobox popover listview > row { padding: 8px; }
+
+dropdown popover listview > row:selected, combobox popover listview > row:selected { outline-color: rgba(255, 255, 255, 0.8); color: black; background-color: #c7c7c7; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #b0b0b0; }
+
+searchbar > revealer > box, .toolbar, toolbar { padding: 4px 3px 3px 4px; border-spacing: 4px; background-color: #c3c3c3; box-shadow: inset 0 2px rgba(176, 176, 176, 0.35); }
+
+.osd .toolbar, .osd toolbar { background-color: transparent; }
+
+.toolbar.osd, toolbar.osd { padding: 13px; border: none; border-radius: 3px; background-color: rgba(53, 53, 53, 0.7); }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator, toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator, toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: solid; border-color: #b0b0b0; background-color: #cbcbcb; }
+
+searchbar > revealer > box:backdrop { border-color: #b7b7b7; background-color: #cbcbcb; box-shadow: none; transition: none; }
+
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #f2efeb; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #bdbdbd; background-color: #eeeae4; }
+
+infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar .close:hover, searchbar .close:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; }
+
+windowcontrols { border-spacing: 0px; }
+
+.titlebar:not(headerbar), headerbar { padding: 0 4px; min-height: 38px; border-width: 0 0 1px; border-style: solid; border-color: #b0b0b0; border-radius: 0; background: #d6d6d6; background-image: linear-gradient(to top, #d6d6d6, #d6d6d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -1px rgba(255, 255, 255, 0.3); }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { background-image: none; box-shadow: inset 0 1px white; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; box-shadow: none; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 0 4px; }
+
+.maximized .default-decoration.titlebar:not(headerbar), .maximized headerbar.default-decoration { box-shadow: none; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, headerbar.default-decoration windowcontrols button { min-height: 20px; min-width: 20px; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.titlebar:not(headerbar) separator, headerbar separator, headerbar separator:backdrop { background: #d6d6d6; background-image: linear-gradient(to top, #d6d6d6, #d6d6d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -1px rgba(255, 255, 255, 0.3); }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 4px; margin-bottom: 4px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 8px; margin-bottom: 8px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #b0b0b0; }
+
+window.devel headerbar.titlebar { background: #d6d6d6 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(74, 121, 199, 0.2)), linear-gradient(to top, #b5b5b5, #bdbdbd 3px, #cccccc); }
+
+window.devel headerbar.titlebar:backdrop { background: #d6d6d6 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#d6d6d6); }
+
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; }
+
+pathbar > button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.slider-button { padding-left: 0; padding-right: 0; }
+
+columnview.view, treeview.view { border-left-color: #bebebe; border-top-color: #bebebe; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview.view:disabled, treeview.view:disabled { color: #707070; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #92afdd; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #7d9ed5; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #bebebe; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #c4c4c4; border-top: #c4c4c4; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #2e5596; }
+
+columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; }
+
+columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4a4a4a; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: black; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #c9d7ee; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #F7F7F7; background-color: #4a79c7; background-image: image(#4a79c7); box-shadow: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #4a79c7; background-image: image(#F7F7F7); }
+
+columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #4a79c7; background-color: #f4f4f4; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(44, 44, 44, 0.1); }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #929292; background-color: #F7F7F7; font-weight: bold; text-shadow: none; box-shadow: none; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #5f5f5f; box-shadow: none; transition: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #2c2c2c; transition: none; }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #F7F7F7; background-image: none; background-color: #4a79c7; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #F7F7F7; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #4a79c7; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #bebebe; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #d6d6d6; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #F7F7F7; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 3px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #bbbbbb; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; }
+
+.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+magnifier { background-color: #F7F7F7; }
+
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 8px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#c7c7c7); }
+
+popover.menu box.circular-buttons { padding: 8px 8px 4px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #c7c7c7; border-color: #c7c7c7; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #F7F7F7; padding: 0px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 8px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 8px; }
+
+popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: black; }
+
+popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: #ffffff; box-shadow: none; background-image: image(transparent); }
+
+popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); }
+
+popover.menu radio:active { border-color: rgba(176, 176, 176, 0.5); }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 8px; border-radius: 0; }
+
+popover.menu modelbutton:selected { color: #ffffff; }
+
+popover.menu modelbutton:selected:active { color: #ffffff; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 28px; }
+
+menubar { padding: 0px; box-shadow: inset 0 -1px #b0b0b0; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; }
+
+menubar > item:selected { background-color: #4a79c7; color: #ffffff; border-radius: 0; }
+
+menubar > item:disabled { color: #707070; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 0; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 0; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 0; border-width: 0; background-color: #c3c3c3; }
+
+notebook > header.top, notebook > header.bottom { box-shadow: inset 0 2px rgba(176, 176, 176, 0.35), inset 0 -1px rgba(0, 0, 0, 0.08); }
+
+notebook > header > tabs { margin: 0; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { background-color: #F7F7F7; }
+
+notebook > header.top { border-bottom-style: solid; }
+
+notebook > header.top > tabs { margin-bottom: -1px; }
+
+notebook > header.top > tabs > tab:checked { box-shadow: inset 1px 1px #b0b0b0, inset -1px 0 #b0b0b0; }
+
+notebook > header.bottom { border-top-style: solid; }
+
+notebook > header.bottom > tabs { margin-top: -1px; }
+
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 1px -1px #b0b0b0, inset -1px 0 #b0b0b0; }
+
+notebook > header.left { border-right-style: solid; }
+
+notebook > header.left > tabs { margin-right: -1px; }
+
+notebook > header.left > tabs > tab:checked { box-shadow: inset 1px 1px #b0b0b0, inset 0 -1px #b0b0b0; }
+
+notebook > header.right { border-left-style: solid; }
+
+notebook > header.right > tabs { margin-left: -1px; }
+
+notebook > header.right > tabs > tab:checked { box-shadow: inset -1px 1px #b0b0b0, inset 0 -1px #b0b0b0; }
+
+notebook > header.top > tabs > arrow { border-top-style: none; }
+
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+notebook > header.left > tabs > arrow { border-left-style: none; }
+
+notebook > header.right > tabs > arrow { border-right-style: none; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > tab { min-height: 24px; min-width: 24px; padding: 0px 10px; color: #2c2c2c; font-weight: normal; border-width: 1px; border-color: transparent; }
+
+notebook > header > tabs > tab:hover { color: #4e4e4e; background-color: #bbbbbb; }
+
+notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(176, 176, 176, 0.3); }
+
+notebook > header > tabs > tab.reorderable-page:hover:not(:checked) { background-color: #bbbbbb; }
+
+notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
+
+notebook > header > tabs > tab:checked { color: #2c2c2c; }
+
+notebook > header > tabs > tab.reorderable-page:checked { border-color: transparent; }
+
+notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
+
+notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 0px; padding-right: 0px; }
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 0px; margin-right: 0px; }
+
+notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; }
+
+notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 0px; padding-bottom: 0px; }
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
+
+notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; }
+
+notebook > header.top > tabs > tab { padding-bottom: 4px; }
+
+notebook > header.bottom > tabs > tab { padding-top: 4px; }
+
+notebook > stack:not(:only-child) { background-color: #F7F7F7; }
+
+scrollbar { background-color: #b4b4b4; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar.top { border-bottom: 0px solid #b0b0b0; }
+
+scrollbar.bottom { border-top: 0px solid #b0b0b0; }
+
+scrollbar.left { border-right: 0px solid #b0b0b0; }
+
+scrollbar.right { border-left: 0px solid #b0b0b0; }
+
+scrollbar > range > trough > slider { min-width: 14px; min-height: 14px; margin: 0px; border: 0px solid transparent; border-radius: 0; background-clip: padding-box; background-color: #707070; transition: background-color 250ms; }
+
+scrollbar > range > trough > slider:hover { background-color: #4e4e4e; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #3460aa; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 12px; min-height: 12px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 11px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 11px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 5px; min-height: 5px; background-color: #2c2c2c; border: 0px solid white; box-shadow: inset 0 0 0 1px white; }
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 40px; }
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #b0b0b0; margin-top: -1px; }
+
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #898989; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #f6f6f7; background-color: #4a79c7; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(246, 246, 247, 0.8); background-color: #898989; border-radius: 1px; background-image: none; transition: 150ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 1px; transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white, white); border-color: #8a8a8a; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:hover, radio:hover { background-image: image(#f2f2f2); }
+
+check:active, radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
+
+check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4a79c7, #4a79c7); border-color: #3460aa; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #618ace, #618ace); }
+
+check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4a79c7, #4a79c7); border-color: #3460aa; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #618ace, #618ace); }
+
+check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+row:selected check, row:selected radio { border-color: #3460aa; }
+
+.osd check, .osd radio { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:hover, .osd radio:hover { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.osd check:disabled, .osd radio:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; }
+
+check { border-radius: 1px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/check-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("../gtk-3.0/assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("../gtk-3.0/assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #2e5596; }
+
+progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #c3c3c3; border-radius: 1px; background-color: #c3c3c3; }
+
+headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #afafaf; }
+
+progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #c5c5c5; border-color: #b0b0b0; }
+
+row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border-color: #2e5596; }
+
+.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+
+.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(72, 72, 72, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight { border: 1px solid #4a79c7; border-radius: 1px; background-color: #4a79c7; }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #2e5596; }
+
+.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); }
+
+.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > fill, scale > trough > highlight { margin: -1px; }
+
+scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+.osd scale > trough > fill { background-color: rgba(94, 94, 94, 0.775); }
+
+.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; background-color: whitesmoke; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; box-shadow: 0 0 0 3px rgba(74, 121, 199, 0.3); border-color: #4a79c7; }
+
+scale > trough > slider:active { border-color: #2e5596; }
+
+scale > trough > slider:disabled { color: #707070; border-color: #b0b0b0; background-color: #c5c5c5; box-shadow: none; text-shadow: none; }
+
+row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #2e5596; }
+
+.osd scale > trough > slider { color: #f6f6f7; outline-color: rgba(74, 121, 199, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; border-color: rgba(0, 0, 0, 0.7); background-color: #353535; }
+
+.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; background-color: #353535; }
+
+.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #353535; }
+
+.osd scale > trough > slider:disabled { color: #959596; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(72, 72, 72, 0.5)); background-clip: padding-box; background-color: #353535; }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 3px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color > trough { background-image: image(#b0b0b0); background-repeat: no-repeat; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+progressbar { font-size: smaller; color: rgba(44, 44, 44, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; }
+
+progressbar.horizontal > trough > progress { margin: 0 -1px; }
+
+progressbar.vertical > trough > progress { margin: -1px 0; }
+
+progressbar > trough > progress { border-radius: 1.5px; }
+
+progressbar > trough > progress:disabled { background-color: #707070; border-color: #707070; }
+
+progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; }
+
+progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; }
+
+levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; }
+
+levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; }
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; }
+
+levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; }
+
+levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: 1px solid; }
+
+levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #4a79c7; background-color: #4a79c7; }
+
+levelbar > trough > block.full { border-color: #33d17a; background-color: #33d17a; }
+
+levelbar > trough > block.empty { background-color: #c9c9c9; border-color: #c9c9c9; }
+
+window.dialog.print drawing { color: #2c2c2c; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #b0b0b0; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+frame, .frame { border: 1px solid #b0b0b0; }
+
+frame { border-radius: 3px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-spacing: 6px; border-top: 1px solid #b0b0b0; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #969696 85%, rgba(150, 150, 150, 0)), radial-gradient(farthest-side at top, rgba(44, 44, 44, 0.07), rgba(44, 44, 44, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #969696 85%, rgba(150, 150, 150, 0)), radial-gradient(farthest-side at bottom, rgba(44, 44, 44, 0.07), rgba(44, 44, 44, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #969696 85%, rgba(150, 150, 150, 0)), radial-gradient(farthest-side at left, rgba(44, 44, 44, 0.07), rgba(44, 44, 44, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #969696 85%, rgba(150, 150, 150, 0)), radial-gradient(farthest-side at right, rgba(44, 44, 44, 0.07), rgba(44, 44, 44, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > junction { background: #b0b0b0, linear-gradient(to bottom, transparent 1px, #b4b4b4 1px), linear-gradient(to right, transparent 1px, #b4b4b4 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #b0b0b0, linear-gradient(to bottom, transparent 1px, #b4b4b4 1px), linear-gradient(to left, transparent 1px, #b4b4b4 1px); }
+
+separator { background: #bdbdbd; min-width: 1px; min-height: 1px; }
+
+listview, list { color: black; background-color: #F7F7F7; border-color: #b0b0b0; }
+
+listview:backdrop, list:backdrop { color: #313131; background-color: #f4f4f4; border-color: #b7b7b7; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #bebebe; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #bebebe; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(44, 44, 44, 0.05); }
+
+row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+
+row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+
+row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #4771b8; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #bebebe; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+treeexpander { border-spacing: 4px; }
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(74, 121, 199, 0.5); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #4a79c7; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { color: #ffffff; background-color: #4a79c7; }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(53, 53, 53, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
+
+.app-notification border { border: none; }
+
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #707070; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 1px; }
+
+expander-widget > box > title:hover > expander { color: #797979; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+calendar { color: black; border: 1px solid #b0b0b0; }
+
+calendar > header { border-bottom: 1px solid #b0b0b0; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #b0b0b0; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: rgba(74, 121, 199, 0.5); outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 4px; }
+
+calendar > grid > label.day-number:selected { border-radius: 1px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #d6d6d6; border-style: none; border-top-left-radius: 3px; border-top-right-radius: 3px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 1px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 1px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #b0b0b0; }
+
+filechooser #pathbarbox { border-bottom: 1px solid #d6d6d6; }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+.sidebar { background-color: #e7e7e7; }
+
+.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #b0b0b0; border-left-style: none; }
+
+.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #b0b0b0; border-right-style: none; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #4a79c7; border-radius: 0px; color: #ffffff; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #4a79c7; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #b0b0b0; }
+
+.navigation-sidebar { padding: 0; }
+
+.navigation-sidebar > separator { margin: 0px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 0; margin: 0; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:hover, .navigation-sidebar > row:backdrop:hover { background-color: alpha(currentColor,0.06); }
+
+.navigation-sidebar > row:selected { color: #ffffff; }
+
+.navigation-sidebar > row:selected, .navigation-sidebar > row:selected:backdrop:hover { background-color: #4a79c7; }
+
+.navigation-sidebar > row:disabled { color: #707070; }
+
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar .navigation-sidebar > row { padding: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4a79c7); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #4a79c7; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4a79c7; box-shadow: inset 0 1px #4a79c7, inset 0 -1px #4a79c7; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4a79c7; }
+
+placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#b0b0b0); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#4a79c7); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #d6d6d6; background-image: image(#b0b0b0), image(#b0b0b0); background-size: 1px 1px, 1px 1px; }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+tooltip { padding: 6px 10px; border-radius: 3px; box-shadow: none; }
+
+tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+colorswatch { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; }
+
+colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch.light:drop(active) > overlay { border-color: #4a79c7; box-shadow: inset 0 0 0 2px #3867b5, inset 0 0 0 1px #4a79c7; }
+
+colorswatch.dark:drop(active) > overlay { border-color: #4a79c7; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4a79c7; }
+
+colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); }
+
+colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
+
+colorswatch#add-color-button:only-child { border-radius: 5px; }
+
+colorswatch#add-color-button > overlay { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; background-color: whitesmoke; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.07); }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #b5b5b5; border-bottom-color: #a8a8a8; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.07); background-color: #fafafa; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; }
+
+colorswatch#editor-color-sample { border-radius: 4px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 4.5px; }
+
+plane { transition: outline-width 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+.content-view { background-color: #c4c4c4; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
+
+.content-view .tile:disabled { background-color: transparent; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
+
+.scale-popup button:hover { background-color: rgba(44, 44, 44, 0.1); border-radius: 5px; }
+
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 3px 3px 0 0; }
+
+window.csd:backdrop { box-shadow: 0 4px 5px 2px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
+
+window.csd.popup { border-radius: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+
+window.csd.dialog.message { border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #b0b0b0; border-radius: 0; box-shadow: inset 0 0 0 4px #b0b0b0, inset 0 0 0 3px #d6d6d6, inset 0 1px white; }
+
+window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #b0b0b0, inset 0 0 0 3px #d6d6d6, inset 0 1px white; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
+
+window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+tooltip.csd { border-radius: 3px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, popover.menu modelbutton:selected, popover.menu modelbutton:selected:active, row:selected, calendar > grid > label.day-number:selected { background-color: #4a79c7; }
+
+label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, popover.menu modelbutton:selected, popover.menu modelbutton:selected:active, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; }
+
+label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, treeview.view:disabled:selected, popover.menu modelbutton:disabled:selected, popover.menu modelbutton:disabled:selected:active, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #a5bce3; }
+
+.monospace { font-family: monospace; }
+
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #2c2c2c; background-color: #F7F7F7; border: 1px solid; border-color: #c3c3c3; border-radius: 5px; box-shadow: inset 0 -3px #dddddd; font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4a79c7; box-shadow: inset 0 0 0 1px #4a79c7; caret-color: #4a79c7; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #b0b0b0; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #b0b0b0; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:hover { border-color: #b0b0b0; }
+
+button.emoji-section:checked { border-color: #4a79c7; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #4a79c7; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #4a79c7; color: #ffffff; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #c7c7c7; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #2c2c2c;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color black;
+/*
+widget base background color */
+@define-color theme_bg_color #d6d6d6;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #F7F7F7;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #4a79c7;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #c5c5c5;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #707070;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #F7F7F7;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #5f5f5f;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color black;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #d6d6d6;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #f4f4f4;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #4a79c7;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #b0b0b0;
+/*
+widgets main borders color */
+@define-color borders #b0b0b0;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #b7b7b7;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #33d17a;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#2c2c2c, 1.8);
+@define-color wm_unfocused_title #5f5f5f;
+@define-color wm_highlight white;
+@define-color wm_borders_edge white;
+@define-color wm_bg_a shade(#d6d6d6, 1.2);
+@define-color wm_bg_b #d6d6d6;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#d6d6d6, 1.3);
+@define-color wm_button_hover_color_b #d6d6d6;
+@define-color wm_button_active_color_a shade(#d6d6d6, 0.85);
+@define-color wm_button_active_color_b shade(#d6d6d6, 0.89);
+@define-color wm_button_active_color_c shade(#d6d6d6, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #F7F7F7;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #F7F7F7;
+windowcontrols button { min-width: 20px; min-height: 20px; padding: 0; margin: 4px 2px 4px 8px; border-radius: 1.5px; }
+
+windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; box-shadow: none; transition-property: background-color; }
+
+windowcontrols button.close > image, windowcontrols button.maximize > image, windowcontrols button.minimize > image { opacity: 0; }
+
+windowcontrols button.close { background-color: transparent; }
+
+windowcontrols button.close:hover, windowcontrols button.close:active { background-color: #c75050; }
+
+windowcontrols button.close:backdrop { background-color: transparent; }
+
+windowcontrols button.close:backdrop:hover, windowcontrols button.close:backdrop:active { background-color: #c75050; }
+
+windowcontrols button.maximize:hover, windowcontrols button.maximize:active, windowcontrols button.minimize:hover, windowcontrols button.minimize:active { background-color: #4a79c7; }
+
+windowcontrols button.close { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-close.png"), url("../gtk-3.0/assets/titlebutton-close@2.png")); }
+
+windowcontrols button.close:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-close-backdrop.png"), url("../gtk-3.0/assets/titlebutton-close-backdrop@2.png")); }
+
+windowcontrols button.close:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-close-hover.png"), url("../gtk-3.0/assets/titlebutton-close-hover@2.png")); }
+
+windowcontrols button.close:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-close-hover.png"), url("../gtk-3.0/assets/titlebutton-close-hover@2.png")); }
+
+windowcontrols button.maximize { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-maximize.png"), url("../gtk-3.0/assets/titlebutton-maximize@2.png")); }
+
+windowcontrols button.maximize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-maximize-backdrop.png"), url("../gtk-3.0/assets/titlebutton-maximize-backdrop@2.png")); }
+
+windowcontrols button.maximize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-maximize-hover.png"), url("../gtk-3.0/assets/titlebutton-maximize-hover@2.png")); }
+
+windowcontrols button.maximize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-maximize-hover.png"), url("../gtk-3.0/assets/titlebutton-maximize-hover@2.png")); }
+
+windowcontrols button.minimize { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-minimize.png"), url("../gtk-3.0/assets/titlebutton-minimize@2.png")); }
+
+windowcontrols button.minimize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-minimize-backdrop.png"), url("../gtk-3.0/assets/titlebutton-minimize-backdrop@2.png")); }
+
+windowcontrols button.minimize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-minimize-hover.png"), url("../gtk-3.0/assets/titlebutton-minimize-hover@2.png")); }
+
+windowcontrols button.minimize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-minimize-hover.png"), url("../gtk-3.0/assets/titlebutton-minimize-hover@2.png")); }
+
+.maximized windowcontrols button.maximize { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-unmaximize.png"), url("../gtk-3.0/assets/titlebutton-unmaximize@2.png")); }
+
+.maximized windowcontrols button.maximize:backdrop { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-unmaximize-backdrop.png"), url("../gtk-3.0/assets/titlebutton-unmaximize-backdrop@2.png")); }
+
+.maximized windowcontrols button.maximize:hover { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-unmaximize-hover.png"), url("../gtk-3.0/assets/titlebutton-unmaximize-hover@2.png")); }
+
+.maximized windowcontrols button.maximize:active { background-image: -gtk-scaled(url("../gtk-3.0/assets/titlebutton-unmaximize-hover.png"), url("../gtk-3.0/assets/titlebutton-unmaximize-hover@2.png")); }
+
+switch { font-weight: bold; font-size: smaller; margin: 4px 0; padding: 0; border-width: 0; border-radius: 99px; background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: rgba(74, 121, 199, 0.5); outline-width: 2px; outline-offset: 0; }
+
+headerbar switch { background-color: #afafaf; }
+
+switch:checked { background-color: #4a79c7; }
+
+switch:disabled { opacity: 0.38; }
+
+switch > slider { margin: 2px; min-width: 22px; min-height: 22px; border-radius: 99px; background-color: white; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); }
+
+switch:hover > slider, switch:focus > slider { background-color: white; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.44), 0 1px 2px -0.6px rgba(0, 0, 0, 0.37); }
+
+switch:checked > slider { background-color: white; }
+
+switch > image { color: transparent; }
+
+row:selected switch { outline-color: rgba(255, 255, 255, 0.8); box-shadow: none; border: 1px solid #3460aa; }
+
+row:selected switch:backdrop { border-color: #3460aa; }
+
+row:selected switch > slider { border-color: #3460aa; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 1px; min-height: 22px; min-width: 9px; }
+
+scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -8px -4px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 1px; min-height: 22px; min-width: 9px; }
+
+scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -8px -4px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 1px; margin: -4px -11px; min-height: 9px; min-width: 22px; }
+
+scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -8px -4px; margin: -4px -8px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -11px -4px; padding: 0px; border-radius: 1px; margin: -4px -11px; min-height: 9px; min-width: 22px; }
+
+scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -8px -4px; margin: -4px -8px; }
diff --git a/gtk/src/Zukitwo/gtk-3.0/gtk.scss b/gtk/src/Zukitre/gtk-4.0/gtk.scss
similarity index 95%
rename from gtk/src/Zukitwo/gtk-3.0/gtk.scss
rename to gtk/src/Zukitre/gtk-4.0/gtk.scss
index 6c00177..9703bcd 100644
--- a/gtk/src/Zukitwo/gtk-3.0/gtk.scss
+++ b/gtk/src/Zukitre/gtk-4.0/gtk.scss
@@ -6,6 +6,7 @@
$variant: 'light';
$alt_header: 'false';
+$zukitwo: 'false';
@import 'colors';
@import 'drawing';
diff --git a/gtk/src/Zukitre/gtk-4.0/meson.build b/gtk/src/Zukitre/gtk-4.0/meson.build
new file mode 100644
index 0000000..7fe0676
--- /dev/null
+++ b/gtk/src/Zukitre/gtk-4.0/meson.build
@@ -0,0 +1,38 @@
+gtk4_dir = join_paths(theme_dir, 'gtk-4.0')
+
+# theme sources .scss files
+
+# The files that need to be compiled
+gtk4_scss_sources = [
+ 'gtk',
+ 'gtk-dark',
+ 'gtk-zukitwo',
+ 'gtk-zukitwo-dark',
+]
+
+# Dependencies of the files that need to be compiled
+gtk4_scss_dependencies = [
+ '_colors-public.scss',
+ '_colors.scss',
+ '_common.scss',
+ '_custom.scss',
+ '_drawing.scss',
+]
+
+# Generate .css files and install
+gtk4_scss_dependencies = files(gtk4_scss_dependencies)
+#
+foreach f : gtk4_scss_sources
+ custom_target('zukitre-generate_' + f,
+ input: f + '.scss',
+ output: f + '.css',
+ depend_files: gtk4_scss_dependencies,
+ command: [sassc, '-M', '-t', 'compact', '@INPUT@', '@OUTPUT@'],
+ build_by_default: true,
+ install: true,
+ install_dir: gtk4_dir,
+ )
+endforeach
+
+# Install asset files to themes/ThemeName/gtk-4.0/assets
+install_subdir('assets', install_dir : gtk4_dir, strip_directory : false)
diff --git a/gtk/src/Zukitwo/gtk-3.0/parse-sass.sh b/gtk/src/Zukitre/gtk-4.0/parse-sass.sh
similarity index 70%
rename from gtk/src/Zukitwo/gtk-3.0/parse-sass.sh
rename to gtk/src/Zukitre/gtk-4.0/parse-sass.sh
index 378751c..b3ef295 100644
--- a/gtk/src/Zukitwo/gtk-3.0/parse-sass.sh
+++ b/gtk/src/Zukitre/gtk-4.0/parse-sass.sh
@@ -11,3 +11,5 @@ echo Generating the css...
sassc $SASSC_OPT gtk.scss gtk.css
sassc $SASSC_OPT gtk-dark.scss gtk-dark.css
+sassc $SASSC_OPT gtk-zukitwo.scss gtk-zukitwo.css
+sassc $SASSC_OPT gtk-zukitwo-dark.scss gtk-zukitwo-dark.css
diff --git a/gtk/src/Zukitre/meson.build b/gtk/src/Zukitre/meson.build
index e17ee00..f39d65e 100644
--- a/gtk/src/Zukitre/meson.build
+++ b/gtk/src/Zukitre/meson.build
@@ -10,3 +10,4 @@ configure_file(input : '../index.theme.in',
subdir('gtk-2.0')
subdir('gtk-3.0')
+subdir('gtk-4.0')
diff --git a/gtk/src/Zukitwo-dark/gtk-3.0/install-dark-theme.sh b/gtk/src/Zukitwo-dark/gtk-3.0/install-dark-theme.sh
index 1f8240a..8fda4a7 100644
--- a/gtk/src/Zukitwo-dark/gtk-3.0/install-dark-theme.sh
+++ b/gtk/src/Zukitwo-dark/gtk-3.0/install-dark-theme.sh
@@ -7,6 +7,6 @@ project_name="$2"
install -m755 -d "${theme_dir}"
for ver in gtk-3.0; do
install -m755 -d "${theme_dir}/${ver}"
- ln -sf "../../${project_name}/${ver}/gtk-dark.css" "${theme_dir}/${ver}/gtk.css"
- ln -sf "../../${project_name}/${ver}/assets" "${theme_dir}/${ver}/assets"
+ ln -sf "../../Zukitre/${ver}/gtk-zukitwo-dark.css" "${theme_dir}/${ver}/gtk.css"
+ ln -sf "../../Zukitre/${ver}/assets" "${theme_dir}/${ver}/assets"
done
diff --git a/gtk/src/Zukitwo-dark/gtk-3.0/meson.build b/gtk/src/Zukitwo-dark/gtk-3.0/meson.build
index 2c8a750..8ab4b56 100644
--- a/gtk/src/Zukitwo-dark/gtk-3.0/meson.build
+++ b/gtk/src/Zukitwo-dark/gtk-3.0/meson.build
@@ -1,2 +1,2 @@
# CSS and assets are just symlinks to the light themes as they are not modified
-meson.add_install_script('install-dark-theme.sh', theme_dir, meson.project_name()+'two')
+meson.add_install_script('install-dark-theme.sh', theme_dir, meson.project_name())
diff --git a/gtk/src/Zukitwo-dark/gtk-4.0/install-dark-theme.sh b/gtk/src/Zukitwo-dark/gtk-4.0/install-dark-theme.sh
new file mode 100644
index 0000000..4968c62
--- /dev/null
+++ b/gtk/src/Zukitwo-dark/gtk-4.0/install-dark-theme.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+set -eu
+
+theme_dir="${MESON_INSTALL_DESTDIR_PREFIX}/$1"
+project_name="$2"
+
+install -m755 -d "${theme_dir}"
+for ver in gtk-4.0; do
+ install -m755 -d "${theme_dir}/${ver}"
+ ln -sf "../../Zukitre/${ver}/gtk-zukitwo-dark.css" "${theme_dir}/${ver}/gtk.css"
+ ln -sf "../../Zukitre/${ver}/assets" "${theme_dir}/${ver}/assets"
+done
diff --git a/gtk/src/Zukitwo-dark/gtk-4.0/meson.build b/gtk/src/Zukitwo-dark/gtk-4.0/meson.build
new file mode 100644
index 0000000..8ab4b56
--- /dev/null
+++ b/gtk/src/Zukitwo-dark/gtk-4.0/meson.build
@@ -0,0 +1,2 @@
+# CSS and assets are just symlinks to the light themes as they are not modified
+meson.add_install_script('install-dark-theme.sh', theme_dir, meson.project_name())
diff --git a/gtk/src/Zukitwo-dark/meson.build b/gtk/src/Zukitwo-dark/meson.build
index 83fc886..7fcfab7 100644
--- a/gtk/src/Zukitwo-dark/meson.build
+++ b/gtk/src/Zukitwo-dark/meson.build
@@ -10,3 +10,4 @@ configure_file(input : '../index.theme.in',
subdir('gtk-2.0')
subdir('gtk-3.0')
+subdir('gtk-4.0')
diff --git a/gtk/src/Zukitwo/gtk-3.0/README.md b/gtk/src/Zukitwo/gtk-3.0/README.md
deleted file mode 100644
index 26cd2a8..0000000
--- a/gtk/src/Zukitwo/gtk-3.0/README.md
+++ /dev/null
@@ -1,24 +0,0 @@
-### Summary
-
-* Do not edit the CSS directly, edit the source SCSS files
-* To be able to use the latest/adequate version of sass, install `sassc`
-
-### How to tweak the theme
-
-GTK themes are complex, so to keep it maintainable it's written and processed in SASS.
-
-It is very likely your change will happen in the `_common.scss` file. That's where all the widget selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the right place for a drive by stylesheet fix:
-
-| File | Description |
-|:--------|:------------------------------------------------------------------------|
-| _colors.scss | global color definitions. We keep the number of defined colors to a necessary minimum, most colors are derived from a handful of basics. It covers both the light variant and the dark variant.
-| _colors-public.scss | SCSS colors exported through gtk to allow for 3rd party apps color mixing.
-| _drawing.scss | drawing helper mixings/functions to allow easier definition of widget drawing under specific context. This is why the theme isn't 15000 LOC.
-| _common.scss | actual definitions of style for each widget. This is where you are likely to add/remove your changes.
-| _custom.scss | some larger tweaks to the adwaita base. (xfce, titlebuttons, etc.)
-
-You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the the scss files, use `./parse-sass.sh` to generate the CSS files.
-
-### How to edit the assets
-
-The assets are created in the `assets.svg` file and then rendered with `./render-assets.sh` by fetching the object id name from `assets.txt`. If you're going to edit an image in inkscape make sure the object id is the same when you're saving. If you're going to create a new asset you need to add the object id in assets.txt.
diff --git a/gtk/src/Zukitwo/gtk-3.0/_custom.scss b/gtk/src/Zukitwo/gtk-3.0/_custom.scss
deleted file mode 100644
index 26262ee..0000000
--- a/gtk/src/Zukitwo/gtk-3.0/_custom.scss
+++ /dev/null
@@ -1,752 +0,0 @@
-// This file is used to apply some larger unofficial custom styles to the Adwaita base.
-
-//---------------//
-// Title buttons //
-//---------------//
-%titlebutton {
- min-width: $titlebutton_size;
- min-height: $titlebutton_size;
- padding: 0;
- margin: 2px;
- border-radius: 99px;
- border: none;
- box-shadow: none;
- &, &:active { background-color: transparent; }
-}
-
-%titlebuttons {
- button.titlebutton {
- @extend %titlebutton;
-
- &.close, &.maximize, &.minimize {
- color: transparent;
- background-color: transparent;
- background-position: center;
- background-repeat: no-repeat;
- border-width: 0;
- box-shadow: none;
- transition-property: background-color;
- }
-
- // titlebutton icons
- @each $k in ('close', 'maximize', 'minimize') {
- @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') {
- &.#{$k}#{$l} {
- @if($variant=='light' and $alt_header=='false') {
- background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}.png'),
- url('assets/titlebutton-#{$k}#{$m}@2.png'));
- }
- @else {
- background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}-dark.png'),
- url('assets/titlebutton-#{$k}#{$m}-dark@2.png'));
- }
- }
- }
- }
- }
-}
-
-.ssd .titlebar {
- @include ssd_fill;
- border-width: 0;
- padding: 2px 4px;
-
- &.default-decoration button.titlebutton {
- @extend %titlebutton;
- }
-}
-
-//--------------------//
-// Dark/alt headerbar //
-//--------------------//
-// not used in the dark theme
-$_button_bg_color: null;
-$_button_border_color: null;
-$_button_bg_color: lighten($alt_headerbar_bg, 7.5%) !global;
-$_button_border_color: darken($alt_headerbar_bg, 10%) !global;
-
-%alt_titlebar { // TODO: selection-mode titlebar
- color: $alt_headerbar_fg;
- text-shadow: none;
- &:backdrop {
- color: $alt_headerbar_backdrop_fg;
- text-shadow: none;
- }
-
- label .title {
- color: $alt_headerbar_fg;
- &:backdrop { color: $alt_headerbar_backdrop_fg; }
- }
-
- .maximized &,
- .fullscreen & { box-shadow: none; }
-
- entry {
- &, &:backdrop {
- border-color: darken($alt_headerbar_bg, 8%);
- }
- &:focus { @include entry(focus); }
- }
-
- button:not(.titlebutton),
- button.linked,
- button.toggle,
- button.popup.toggle,
- button.image-button,
- button.image-button.toggle,
- button.text-button,
- button.text-button.toggle,
- box button.toggle,
- buttonbox.toggle,
- stackswitcher button,
- filechooser .path-bar.linked>button,
- .path-bar button {
- text-shadow: none;
- &:backdrop {
- color: $alt_headerbar_backdrop_fg;
- text-shadow: none;
- }
- @include button(normal, $_button_bg_color, $alt_headerbar_fg);
- &.flat {
- @include button(undecorated);
- }
-
- &:hover {
- @include button(hover, $_button_bg_color, $alt_headerbar_fg);
- }
- &:active, &:checked, &:active:hover, &:checked:hover {
- @include button(active, $_button_bg_color, $alt_headerbar_fg);
- border-color: transparentize(black, 0.6);
- }
- &:disabled, &:backdrop:disabled {
- @include button(insensitive, $_button_bg_color, $alt_headerbar_fg);
- }
- }
-
- separator {
- background: image(lighten($_button_border_color, 5%));
- }
- // TODO: Checkbuttons
- switch {
- slider { background-color: transparentize(white, 0.5); }
- }
-}
-
-@if $alt_header=='true' {
- .titlebar, headerbar { @extend %alt_titlebar; }
- .ssd .titlebar {
- @include headerbar_fill($alt_headerbar_bg);
- color: $alt_headerbar_fg;
- text-shadow: none;
- border-width: 0;
- &:backdrop { color: $alt_headerbar_backdrop_fg; }
- }
-
- #MozillaGtkWidget.background {
- menubar, .menubar, menubar > menuitem:hover {
- background-color: $alt_headerbar_bg;
- color: $alt_headerbar_fg;
- }
- }
-
- window.background.chromium {
- background-color: $alt_headerbar_bg;
- color: $alt_headerbar_fg;
- button { border-color: $_button_border_color; } // tab borders
- menubar { color: $alt_headerbar_fg; }
- menu, .menu, .context-menu { color: $fg_color; }
- }
-}
-
-//----------------//
-// Switch buttons //
-//----------------//
-// TODO: May need a border.
-%switchbutton {
- margin: 4px 0;
- padding: 0;
- border-radius: 99px;
- border-width: 0;
- background-color: transparentize(black, 0.62);
- background-clip: padding-box;
- transition: all $duration $ease-out;
-
- &:checked {
- background-color: $checkradio_bg_color;
- }
-
- &:disabled {
- opacity: 0.38;
- }
-
- slider {
- margin: 2px; //-2px;
- min-width: 22px;
- min-height: 22px;
- border-radius: 99px;
- background-color: if($variant=='light', white, transparentize($fg_color, 0.5));
- transition: all $duration $ease-out;
- box-shadow: 0 2px 2px -2px rgba(black, .3),
- 0 1px 2px -1px rgba(black, .24),
- 0 1px 2px -.6px rgba(black, .17);
- }
-
- &:hover > slider,
- &:focus > slider {
- background-color: if($variant=='light', white, transparentize($fg_color, 0.5));
- box-shadow: 0 2px 2px -2px rgba(black, .5),
- 0 1px 2px -1px rgba(black, .44),
- 0 1px 2px -.6px rgba(black, .37);
- }
-
- &:checked > slider {
- background-color: if($variant=='light', white, transparentize($fg_color, 0.5));
- }
-
- image { color: transparent; }
-
- row:selected & {
- @if $variant == 'light' {
- box-shadow: none;
- border: 1px solid $checkradio_borders_color;
-
- &:backdrop { border-color: $checkradio_borders_color; }
-
- > slider { &:checked, & { border-color: $checkradio_borders_color; } }
- }
- }
-}
-
-//-------------------//
-// Scrollbar buttons //
-//-------------------//
-%scrollbuttons {
- // button icons
- &.vertical {
- button {
- @each $s,$as in ('',''),
- (':disabled','-insensitive') {
- &.up#{$s} {
- $_url: if($variant=='dark', 'assets/scrollarrow-up#{$asset_suffix}', 'assets/scrollarrow-up#{$as}');
- -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),
- url('#{$_url}@2.png'));
- }
-
- &.down#{$s} {
- $_url: if($variant=='dark', 'assets/scrollarrow-down#{$asset_suffix}', 'assets/scrollarrow-down#{$as}');
- -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),
- url('#{$_url}@2.png'));
- }
- }
- }
- }
-
- &.horizontal {
- button {
- @each $s,$as in ('',''),
- (':disabled','-insensitive') {
- &.up#{$s} {
- $_url: if($variant=='dark', 'assets/scrollarrow-left#{$asset_suffix}', 'assets/scrollarrow-left#{$as}');
- -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),
- url('#{$_url}@2.png'));
- }
-
- &.down#{$s} {
- $_url: if($variant=='dark', 'assets/scrollarrow-right#{$asset_suffix}', 'assets/scrollarrow-right#{$as}');
- -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'),
- url('#{$_url}@2.png'));
- }
- }
- }
- }
-}
-
-//-----------------//
-// Primary toolbar //
-//-----------------//
-
-%primary_toolbar {
- button,
- buttom.image-button,
- button.text-button,
- button.toggle {
- &:hover { border-color: $borders_color; }
- }
-}
-
-//------//
-// XFCE //
-//------//
-
-// Global panel button styles
-%panelbutton {
- @include button(undecorated);
- padding: 0 1px;
- color: transparentize($panel_fg, 0.05);
-
- &:hover {
- color: $selected_fg_color;
- background-color: lighten($panel_bg, 6%);
- }
- &:active, &:checked {
- color: $selected_fg_color;
- background-color: $selected_bg_color;
- &:hover { background-color: lighten($selected_bg_color, 4%); }
- }
-}
-
-.XfceHeading {
- margin: 0;
- padding: 0;
- border-width: 0;
- background-image: none;
- background-color: darken($bg_color, 10%);
- color: $text_color;
-}
-
-.xfce4-panel.background {
- background-color: $panel_bg;
- color: $panel_fg;
- font-weight: normal;
-
- button, .tasklist button { @extend %panelbutton; }
- .tasklist .toggle {
- background: none;
- &:hover {
- color: $selected_fg_color;
- background-color: lighten($panel_bg, 6%);
- }
- &:active, &:checked {
- color: $selected_fg_color;
- background-color: $selected_bg_color;
- &:hover { background-color: lighten($selected_bg_color, 4%); }
- }
- }
-
- entry { caret-color: $text_color; }
- menu {
- -gtk-icon-effect: none;
-
- text-shadow: none;
- // Theme pulseaudio-plugin's mpris buttons
- .linked button {
- @extend %linked;
- @include button(normal, $menu_color, $text_color);
- &:disabled {
- @include button(insensitive);
- border-color: transparentize($borders_color, 0.5);
- }
- }
- }
- progressbar {
- margin: 0;
-
- &.horizontal {
- trough { min-height: 6px; padding: 0; }
- progress { min-height: 4px; }
- }
- &.vertical {
- trough { min-width: 6px; padding: 0; }
- progress { min-width: 4px; }
- }
- progress { border-radius: 0px; }
- trough {
- background: darken($osd_bg_color, 10%);
- border-radius: 0px;
- border-color: darken($osd_bg_color, 18%);
- }
- }
- .tasklist button {
- border-radius: $button_radius;
- color: darken($osd_fg_color, 5%);
- border: none;
- background: $osd_bg_color;
-
- &.flat {
- background-image: none;
- border: none;
- box-shadow: none;
- }
- &:active, &:checked {
- background: darken($osd_bg_color, 10%);
- color: $osd_fg_color;
- }
- &:hover, &:active:hover, &:checked:hover {
- background: darken($osd_bg_color, 5%);
- color: $osd_fg_color;
- }
- image { padding: 3px; }
- }
- &.horizontal .tasklist {
- button {
- margin: 0 1px;
- label { padding-right: 3px; }
- }
- }
- &.vertical .tasklist {
- button {
- margin: 1px 0;
- label { padding-bottom: 3px; }
- }
- }
-}
-
-// Workspace switcher provided by libwnck
-wnck-pager {
- &:selected { background-color: darken($selected_bg_color, 10%); }
- &:hover { background-color: $selected_bg_color; }
-}
-
-XfdesktopIconView.view {
- background: transparent;
- color: $osd_fg_color;
- border-radius: $button_radius;
- &:active {
- background: rgba(darken($selected_bg_color, 15%), 0.5);
- text-shadow: 0 1px 1px black;
- }
- .label { text-shadow: 1px 1px 2px black; }
- .rubberband {
- @extend rubberband;
- border-radius: 0;
- }
-}
-
-#XfceNotifyWindow {
- background-color: $panel_bg;
- border-radius: $window_radius;
- color: $osd_fg_color;
-
- buttonbox { padding: 0; }
-
- button {
- @include button(osd);
- &:hover, &:focus { @include button(osd-hover); }
- &:active, &:checked { @include button(osd-active); }
- &:active:hover, &:checked:hover { @include button(osd-active); }
- &.default { @include button(osd-hover); }
- &:disabled { @include button(osd-insensitive); }
-
- border-radius: $button_radius;
- text-shadow: none;
- }
-
- entry {
- @include entry(osd);
- border-radius: $button_radius;
- text-shadow: none;
- }
-
- label#summary {
- font-weight: bold;
- }
-
- progressbar {
- min-height: 6px;
- border-radius: $button_radius;
- progress {
- background-image: none;
- background-color: $selected_bg_color;
- border: none;
- box-shadow: none;
- }
- trough {
- background-color: lighten($osd_bg_color, 10%);
- border: none;
- border-radius: $button_radius;
- padding: 1px 0;
- }
- }
-
- &.keycap { box-shadow: none; }
-}
-
-// Xfwm4's alt-tab dialog, aka "tabwin"
-#xfwm-tabwin {
- padding: 12px;
- background-image: none;
- background-color: transparentize(black, 0.2);
- color: shade($selected_fg_color, 0.65);
- text-shadow: 0px 1px transparentize(black, 0.2);
- border-radius: 12px;
- // Set the application icon- and preview-size to 64px
- -XfwmTabwinWidget-icon-size: 64px;
- -XfwmTabwinWidget-preview-size: 64px;
-
- button {
- background-image: none;
- color: $selected_fg_color;
- font-weight: bold;
- text-shadow: 0px 1px transparentize(black, 0.2);
- border: none;
- border-radius: 6px;
- box-shadow: none;
-
- &:active, &:checked, &:active:hover, &:checked:hover {
- background-color: $selected_bg_color;
- }
- &:hover {
- background-color: $selected_bg_color;
- transition-duration: $shorter_duration;
- }
- }
-}
-
-//------//
-// Mate //
-//------//
-.gnome-panel-menu-bar,
-.mate-panel-menu-bar {
-
- &, menubar { background-color: $alt_headerbar_bg; }
-
- menubar,
- #PanelApplet label,
- #PanelApplet image { color: $alt_headerbar_fg; }
-
- // Panel buttons
- button:not(#tasklist-button) {
- @extend %panelbutton;
- }
-
- button,
- #tasklist-button {
- label, image { color: inherit; }
- }
-
- .wnck-pager {
- color: mix($alt_headerbar_fg, black, 50%);
- background-color: darken($alt_headerbar_bg, 10%);
-
- &:hover {
- background-color: lighten($alt_headerbar_bg, 5%);
- }
-
- &:selected {
- color: lighten($selected_bg_color, 20%);
- background-color: $selected_bg_color;
- }
- }
-
- na-tray-applet {
- -NaTrayApplet-icon-padding: 0;
- -NaTrayApplet-icon-size: 16px;
- }
-}
-
-// Application specific fixes should be avoided as much as possible! In some cases they are unavoidable.
-
-// Caja
-.caja-desktop { @extend .nautilus-desktop, .nautilus-canvas-item; }
-.caja-notebook { border-top: 1px solid $borders_color; }
-.caja-side-pane .frame { border-width: 1px 0 0; }
-.caja-notebook .frame { border-width: 0 0 1px; }
-
-//------//
-// Apps //
-//------//
-
-// Styling 3rd party apps should be avoided as much as possible
-
-// Nautilus
-.nautilus-window {
- // Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096
- searchbar { border-top: 1px solid $borders_color; }
- .searchbar-container { margin-top: -1px; }
-
- // sidebar separator
- paned {
- > separator {
- background-image: none;
- background-size: 0;
- background-color: transparent;
- }
- }
-
- // sidebar
- //.sidebar {
- // box-shadow: inset -1px 0 transparentize($borders_color, 0.8), inset -2px 0 transparentize($borders_color, 0.9);
- //}
-
- // Without this nautilus iconview grabs the bg_color
- notebook,
- notebook > stack:not(:only-child) searchbar { @extend %view; }
-
- // pathbar
- //.nautilus-path-bar button {
- // @include button(undecorated);
- // &:hover, &:last-child {
- // box-shadow: 0 3px $selected_bg_color;
- // border-radius: 0;
- // }
- //}
-}
-
-// Desktop icons FIXME: Remove legacy nautilus stuff after Ubuntu 18.04 LTS ends support
-.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item {
- color: $selected_fg_color;
- text-shadow: 1px 1px 2px transparentize(black, 0.2);
-}
-
-.nautilus-desktop-window {
- .nautilus-desktop.view {
- color: $selected_fg_color;
- text-shadow: 1px 1px 2px transparentize(black, 0.2);
- }
-}
-
-// disk space pie
-// from https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/Adwaita.css
-.disk-space-display {
- $disk_space_unknown: #888;
- $disk_space_used: #6ACAD8;
- $disk_space_free: #eeeeec;
- border-style: solid;
- border-width: 2px;
-
- &.unkown {
- background-color: $disk_space_unknown;
- border-color: shade($disk_space_unknown, 0.7);
- color: $disk_space_unknown;
-
- &.border {
- color: shade($disk_space_unknown, 0.7);
- }
- }
-
- &.used {
- background-color: $disk_space_used;
- border-color: shade($disk_space_used, 0.7);
- color: $disk_space_used;
-
- &.border {
- color: shade($disk_space_used, 0.7);
- }
- }
-
- &.free {
- background-color: $disk_space_free;
- border-color: shade($disk_space_free, 0.7);
- color: $disk_space_free;
-
- &.border {
- color: shade($disk_space_free, 0.7);
- }
- }
-}
-
-// Floating status bar
-.floating-bar {
- padding: 1px;
- background-color: $base_color;
- border-width: 1px;
- border-style: solid solid none;
- border-color: $borders_color;
- border-radius: $button_radius $button_radius 0 0;
-
- &.bottom.left { // axes left border and border radius
- border-left-style: none;
- border-top-left-radius: 0;
- }
-
- &.bottom.right { // axes right border and border radius
- border-right-style: none;
- border-top-right-radius: 0;
- }
-
- &:backdrop {
- background-color: $backdrop_base_color;
- border-color: $backdrop_borders_color;
- }
-}
-
-.floating-bar button {
- padding: 0px;
-}
-
-// view
-.search-information {
- background-color: $selected_bg_color;
- color: $selected_fg_color;
- padding: 2px;
-}
-
-// Hide superfluous treeview drop target indication
-.nautilus-list-view .view.dnd {
- border-style: none;
-}
-
-// Icon view
-flowboxchild:selected {
- background-color:transparent;
-}
-
-.icon-background {
- background-color: black;
- border-color: $selected_bg_color;
- border-style: solid;
- border-width: 0px;
-}
-
-flowboxchild > .icon-item-background {
- padding: 4px;
-}
-
-flowboxchild:selected > .icon-item-background {
- padding: 4px;
- background-color: $selected_bg_color;
- border-color: $selected_bg_color;
- border-style: solid;
- border-width: 0px;
- border-radius: $button_radius;
-}
-
-// Thunar
-.thunar {
- .standard-view { border-width: 0; }
- .sidebar .view {
- background-color: $sidebar_bg_color;
- &:hover { background-color: $base_hover_color; }
- &:selected { background-color: $selected_bg_color; }
- }
-
- toolbar {
- border-bottom: 1px solid $borders_color;
- entry { margin: 2px; }
- }
-
- // https://github.com/lassekongo83/plano-theme/issues/37
- .shortcuts-pane { border-top: 0; }
-}
-
-// gnome-tweaks
-.tweak-categories {
- background-color: mix($bg_color, $base_color, 50%);
- border-color: $borders_color;
-}
-
-list.tweak-categories separator {
- // hide sidebar separators
- // make the sidebar look like a normal sidebar
- background: transparent;
-}
-
-// Evolution - https://github.com/lassekongo83/zuki-themes/issues/119
-.table-header {
- @extend %column_header_button;
- padding: 4px 0 4px 0;
- min-height: 24px;
-}
-
-// Nemo
-.nemo-window {
- // Rename entry
- .nemo-window-pane widget.entry {
- border: 1px solid;
- border-radius: $button_radius;
-
- @include entry(focus);
-
- &:selected { &:focus, & { @extend %selected_items; }}
- }
-}
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets.svg b/gtk/src/Zukitwo/gtk-3.0/assets.svg
deleted file mode 100644
index 3867a8e..0000000
--- a/gtk/src/Zukitwo/gtk-3.0/assets.svg
+++ /dev/null
@@ -1,2135 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- xmlns:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="112"
- height="166"
- viewBox="0 0 29.63296 43.92028"
- version="1.1"
- id="svg8"
- inkscape:version="0.92.4 5da689c313, 2019-01-14"
- sodipodi:docname="assets.svg">
- <defs
- id="defs2">
- <linearGradient
- id="linearGradient4560">
- <stop
- id="stop4556"
- offset="0"
- style="stop-color:#535659;stop-opacity:1" />
- <stop
- id="stop4558"
- offset="1"
- style="stop-color:#424548;stop-opacity:1" />
- </linearGradient>
- <linearGradient
- id="linearGradient4537">
- <stop
- id="stop4533"
- offset="0"
- style="stop-color:#7b7e81;stop-opacity:1" />
- <stop
- id="stop4535"
- offset="1"
- style="stop-color:#6a6d70;stop-opacity:1" />
- </linearGradient>
- <linearGradient
- id="linearGradient4515">
- <stop
- id="stop4511"
- offset="0"
- style="stop-color:#ffffff;stop-opacity:1" />
- <stop
- id="stop4513"
- offset="1"
- style="stop-color:#e8e8e8;stop-opacity:1" />
- </linearGradient>
- <linearGradient
- id="linearGradient4487">
- <stop
- id="stop4483"
- offset="0"
- style="stop-color:#dcdcdc;stop-opacity:1" />
- <stop
- id="stop4485"
- offset="1"
- style="stop-color:#b6b6b6;stop-opacity:1" />
- </linearGradient>
- <linearGradient
- id="linearGradient4441">
- <stop
- style="stop-color:#676a6d;stop-opacity:1"
- offset="0"
- id="stop4437" />
- <stop
- style="stop-color:#56595c;stop-opacity:1"
- offset="1"
- id="stop4439" />
- </linearGradient>
- <linearGradient
- inkscape:collect="always"
- id="linearGradient4413">
- <stop
- style="stop-color:#000000;stop-opacity:0.64313728"
- offset="0"
- id="stop4409" />
- <stop
- style="stop-color:#000000;stop-opacity:0.25098041"
- offset="1"
- id="stop4411" />
- </linearGradient>
- <linearGradient
- id="linearGradient4407">
- <stop
- style="stop-color:#2b2e30;stop-opacity:1"
- offset="0"
- id="stop4403" />
- <stop
- style="stop-color:#5d6063;stop-opacity:1"
- offset="1"
- id="stop4405" />
- </linearGradient>
- <linearGradient
- id="linearGradient4378">
- <stop
- id="stop4374"
- offset="0"
- style="stop-color:#a0a0a0;stop-opacity:1" />
- <stop
- id="stop4376"
- offset="1"
- style="stop-color:#f0f0f0;stop-opacity:1" />
- </linearGradient>
- <linearGradient
- id="linearGradient4361">
- <stop
- style="stop-color:#787878;stop-opacity:1"
- offset="0"
- id="stop4357" />
- <stop
- style="stop-color:#787878;stop-opacity:1"
- offset="1"
- id="stop4359" />
- </linearGradient>
- <linearGradient
- id="linearGradient4309">
- <stop
- id="stop4305"
- offset="0"
- style="stop-color:#000000;stop-opacity:0.50196081" />
- <stop
- id="stop4307"
- offset="1"
- style="stop-color:#000000;stop-opacity:0.3764706" />
- </linearGradient>
- <linearGradient
- id="linearGradient4292">
- <stop
- style="stop-color:#494c4f;stop-opacity:1"
- offset="0"
- id="stop4288" />
- <stop
- style="stop-color:#383b3e;stop-opacity:1"
- offset="1"
- id="stop4290" />
- </linearGradient>
- <linearGradient
- id="linearGradient4286">
- <stop
- style="stop-color:#676a6d;stop-opacity:1"
- offset="0"
- id="stop4282" />
- <stop
- style="stop-color:#56595c;stop-opacity:1"
- offset="1"
- id="stop4284" />
- </linearGradient>
- <linearGradient
- id="linearGradient4250">
- <stop
- id="stop4246"
- offset="0"
- style="stop-color:#5d6063;stop-opacity:1" />
- <stop
- id="stop4248"
- offset="1"
- style="stop-color:#4c4f52;stop-opacity:1" />
- </linearGradient>
- <linearGradient
- id="linearGradient4244">
- <stop
- style="stop-color:#000000;stop-opacity:0.50196081"
- offset="0"
- id="stop4240" />
- <stop
- style="stop-color:#000000;stop-opacity:0;"
- offset="1"
- id="stop4242" />
- </linearGradient>
- <linearGradient
- id="linearGradient4238">
- <stop
- id="stop4234"
- offset="0"
- style="stop-color:#2b2e30;stop-opacity:1" />
- <stop
- id="stop4236"
- offset="1"
- style="stop-color:#5d6063;stop-opacity:1" />
- </linearGradient>
- <linearGradient
- id="linearGradient3757">
- <stop
- style="stop-color:#bebebe;stop-opacity:1;"
- offset="0"
- id="stop3759" />
- <stop
- style="stop-color:#e6e6e6;stop-opacity:1;"
- offset="1"
- id="stop3761" />
- </linearGradient>
- <linearGradient
- id="linearGradient3777">
- <stop
- id="stop3779"
- offset="0"
- style="stop-color:#000000;stop-opacity:0.22745098;" />
- <stop
- id="stop3781"
- offset="1"
- style="stop-color:#000000;stop-opacity:0;" />
- </linearGradient>
- <linearGradient
- id="linearGradient3767">
- <stop
- style="stop-color:#fafafa;stop-opacity:1;"
- offset="0"
- id="stop3769" />
- <stop
- style="stop-color:#d4d4d4;stop-opacity:1;"
- offset="1"
- id="stop3771" />
- </linearGradient>
- <linearGradient
- id="linearGradient3767-3">
- <stop
- style="stop-color:#ffffff;stop-opacity:1;"
- offset="0"
- id="stop3769-5" />
- <stop
- style="stop-color:#e8e8e8;stop-opacity:1;"
- offset="1"
- id="stop3771-1" />
- </linearGradient>
- <linearGradient
- id="linearGradient3767-8">
- <stop
- style="stop-color:#c8c8c8;stop-opacity:1;"
- offset="0"
- id="stop3769-9" />
- <stop
- style="stop-color:#e8e8e8;stop-opacity:1;"
- offset="1"
- id="stop3771-0" />
- </linearGradient>
- <linearGradient
- id="linearGradient14940">
- <stop
- id="stop14942"
- offset="0"
- style="stop-color:#57636e;stop-opacity:1" />
- <stop
- id="stop14944"
- offset="1"
- style="stop-color:#434f5a;stop-opacity:1" />
- </linearGradient>
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4333"
- gradientUnits="userSpaceOnUse"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,263.83876)" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4335"
- gradientUnits="userSpaceOnUse"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-3.016211,262.91674)" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient3767"
- id="linearGradient4337"
- gradientUnits="userSpaceOnUse"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328304,263.46996)" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4386"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,269.65978)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4441"
- id="linearGradient4390"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328305,269.29097)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4415"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(16.93312,2.6459632)" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4451"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,275.48054)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4453"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(16.93312,8.4667232)"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4441"
- id="linearGradient4455"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328305,275.11173)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4477"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,263.83876)"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4479"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,8.625309,-272.87457)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4487"
- id="linearGradient4481"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313216,-272.32135)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4505"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,263.83876)"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4507"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,2.804549,262.91674)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4515"
- id="linearGradient4509"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492456,263.46996)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4527"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,269.65978)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4529"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(22.75388,2.6459632)"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4537"
- id="linearGradient4531"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492455,269.29097)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4550"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,269.65978)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4552"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(28.57464,2.6461065)"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4560"
- id="linearGradient4554"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313215,-278.14205)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4572"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,275.48054)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4574"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(22.75388,8.4667232)"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4537"
- id="linearGradient4576"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492455,275.11173)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4586"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,275.48054)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4588"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(28.57464,8.466826)"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4560"
- id="linearGradient4590"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313215,-283.96281)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4594"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4625"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4671"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,258.018)"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4673"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-3.016211,257.09598)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient3767"
- id="linearGradient4675"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328304,257.6492)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4677"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,258.018)"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4679"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,8.625309,-267.05381)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4487"
- id="linearGradient4681"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313216,-266.50059)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4683"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,258.018)"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4685"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,2.804549,257.09598)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4515"
- id="linearGradient4687"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492456,257.6492)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4689"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4691"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4737"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,252.19724)"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4739"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-3.016211,251.27522)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient3767"
- id="linearGradient4741"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328304,251.82844)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4743"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,252.19724)"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4745"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,8.625309,-261.23305)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4487"
- id="linearGradient4747"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313216,-260.67983)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4378"
- id="linearGradient4749"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,252.19724)"
- x1="13.25"
- y1="3.9999905"
- x2="13.25"
- y2="18.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4751"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,2.804549,251.27522)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4515"
- id="linearGradient4753"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492456,251.82844)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4755"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4361"
- id="linearGradient4757"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.47624399,0,0,0.43294906,-15.186891,-273.40373)"
- x1="14.11111"
- y1="16.99999"
- x2="14.11111"
- y2="5.99999" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4891"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,-1.234707,281.3013)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4893"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(16.93312,14.287483)"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4441"
- id="linearGradient4895"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,-2.328305,280.93249)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4897"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,4.586053,281.3013)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4899"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(22.75388,14.287483)"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4537"
- id="linearGradient4901"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,3.492455,280.93249)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4407"
- id="linearGradient4903"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.35277335,0,0,0.35277335,10.406813,281.3013)"
- x1="13"
- y1="4"
- x2="13"
- y2="19" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4413"
- id="linearGradient4905"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(28.57464,14.287729)"
- x1="-13.75816"
- y1="273.45193"
- x2="-13.75816"
- y2="268.68951" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient4560"
- id="linearGradient4907"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.42332801,0,0,0.38484362,9.313215,-289.78357)"
- x1="13.333333"
- y1="5.9999866"
- x2="13.333333"
- y2="16.999987" />
- </defs>
- <sodipodi:namedview
- id="base"
- pagecolor="#bebebe"
- bordercolor="#666666"
- borderopacity="1.0"
- inkscape:pageopacity="0"
- inkscape:pageshadow="2"
- inkscape:zoom="11.313708"
- inkscape:cx="61.536565"
- inkscape:cy="80.683851"
- inkscape:document-units="px"
- inkscape:current-layer="layer1"
- showgrid="false"
- units="px"
- inkscape:snap-smooth-nodes="true"
- inkscape:window-width="1920"
- inkscape:window-height="905"
- inkscape:window-x="0"
- inkscape:window-y="0"
- inkscape:window-maximized="1">
- <inkscape:grid
- type="xygrid"
- id="grid837" />
- </sodipodi:namedview>
- <metadata
- id="metadata5">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- <dc:title />
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(0,-253.07928)">
- <g
- id="scrollarrow-up"
- inkscape:label="#g875"
- transform="translate(0,0.52916)">
- <rect
- transform="rotate(90)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- id="rect873"
- width="3.7041595"
- height="3.7041667"
- x="288.00415"
- y="-4.2333336" />
- <path
- sodipodi:nodetypes="ccccccccc"
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 2.38125,289.06248 -1.0583333,1.05834 v 0.26458 h 0.2645834 l 0.7937499,-0.79375 0.7937501,0.79375 h 0.2645833 v -0.26458 z"
- id="path875"
- inkscape:connector-curvature="0" />
- </g>
- <g
- id="scrollarrow-up-insensitive"
- inkscape:label="#g879"
- transform="translate(0,0.52916)">
- <rect
- y="-8.4666672"
- x="288.00415"
- height="3.7041667"
- width="3.7041595"
- id="rect889"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- transform="rotate(90)" />
- <path
- inkscape:connector-curvature="0"
- id="path891"
- d="m 6.6145836,289.06248 -1.0583333,1.05834 v 0.26458 h 0.2645834 l 0.7937499,-0.79375 0.7937501,0.79375 H 7.672917 v -0.26458 z"
- style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- sodipodi:nodetypes="ccccccccc" />
- </g>
- <g
- id="scrollarrow-down"
- inkscape:label="#g883"
- transform="translate(0,0.52916)">
- <rect
- y="-12.699998"
- x="-291.70831"
- height="3.7041667"
- width="3.7041595"
- id="rect893"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- transform="matrix(0,-1,-1,0,0,0)" />
- <path
- inkscape:connector-curvature="0"
- id="path895"
- d="m 10.847917,290.64998 -1.0583327,-1.05834 v -0.26458 h 0.2645827 l 0.79375,0.79375 0.793751,-0.79375 h 0.264583 v 0.26458 z"
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- sodipodi:nodetypes="ccccccccc" />
- </g>
- <g
- id="scrollarrow-down-insensitive"
- inkscape:label="#g887"
- transform="translate(0,0.52916)">
- <rect
- transform="matrix(0,-1,-1,0,0,0)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- id="rect897"
- width="3.7041595"
- height="3.7041667"
- x="-291.70831"
- y="-16.933329" />
- <path
- sodipodi:nodetypes="ccccccccc"
- style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 15.081253,290.64998 -1.058333,-1.05834 v -0.26458 h 0.264583 l 0.79375,0.79375 0.793751,-0.79375 h 0.264583 v 0.26458 z"
- id="path899"
- inkscape:connector-curvature="0" />
- </g>
- <g
- id="scrollarrow-left"
- inkscape:label="#g903"
- transform="translate(0,0.52916)">
- <rect
- y="292.23755"
- x="0.52917051"
- height="3.7041667"
- width="3.7041595"
- id="rect901"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996" />
- <path
- inkscape:connector-curvature="0"
- id="path903"
- d="m 1.5875,294.08957 1.05834,1.05833 h 0.26458 v -0.26458 l -0.79375,-0.79375 0.79375,-0.79375 v -0.26458 H 2.64584 Z"
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- sodipodi:nodetypes="ccccccccc" />
- </g>
- <g
- id="scrollarrow-left-insensitive"
- inkscape:label="#g899"
- transform="translate(0,0.52916)">
- <rect
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- id="rect905"
- width="3.7041595"
- height="3.7041667"
- x="4.7625041"
- y="292.23755" />
- <path
- sodipodi:nodetypes="ccccccccc"
- style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 5.8208334,294.08957 1.05834,1.05833 h 0.26458 v -0.26458 l -0.79375,-0.79375 0.79375,-0.79375 v -0.26458 h -0.26458 z"
- id="path907"
- inkscape:connector-curvature="0" />
- </g>
- <g
- id="scrollarrow-right"
- inkscape:label="#g895"
- transform="translate(0,0.52916)">
- <rect
- transform="scale(-1,1)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- id="rect909"
- width="3.7041595"
- height="3.7041667"
- x="-12.699994"
- y="292.23755" />
- <path
- sodipodi:nodetypes="ccccccccc"
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 11.64167,294.08957 -1.05834,1.05833 h -0.26458 v -0.26458 l 0.79375,-0.79375 -0.79375,-0.79375 v -0.26458 h 0.26458 z"
- id="path911"
- inkscape:connector-curvature="0" />
- </g>
- <g
- id="scrollarrow-right-insensitive"
- inkscape:label="#g891"
- transform="translate(0,0.52916)">
- <rect
- y="292.23755"
- x="-16.933325"
- height="3.7041667"
- width="3.7041595"
- id="rect913"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- transform="scale(-1,1)" />
- <path
- inkscape:connector-curvature="0"
- id="path915"
- d="m 15.875003,294.08957 -1.05834,1.05833 h -0.26458 v -0.26458 l 0.79375,-0.79375 -0.79375,-0.79375 v -0.26458 h 0.26458 z"
- style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- sodipodi:nodetypes="ccccccccc" />
- </g>
- <g
- inkscape:label="#g879"
- id="scrollarrow-up-dark"
- transform="translate(12.69984,0.52916)">
- <rect
- transform="rotate(90)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- id="rect3203"
- width="3.7041595"
- height="3.7041667"
- x="288.00415"
- y="-8.4666672" />
- <path
- sodipodi:nodetypes="ccccccccc"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 6.6145836,289.06248 -1.0583333,1.05834 v 0.26458 h 0.2645834 l 0.7937499,-0.79375 0.7937501,0.79375 H 7.672917 v -0.26458 z"
- id="path3205"
- inkscape:connector-curvature="0" />
- </g>
- <g
- inkscape:label="#g883"
- id="scrollarrow-down-dark"
- transform="translate(12.69984,0.52916)">
- <rect
- transform="matrix(0,-1,-1,0,0,0)"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- id="rect3209"
- width="3.7041595"
- height="3.7041667"
- x="-291.70831"
- y="-12.699998" />
- <path
- sodipodi:nodetypes="ccccccccc"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 10.847917,290.64998 -1.0583327,-1.05834 v -0.26458 h 0.2645827 l 0.79375,0.79375 0.793751,-0.79375 h 0.264583 v 0.26458 z"
- id="path3211"
- inkscape:connector-curvature="0" />
- </g>
- <g
- inkscape:label="#g899"
- id="scrollarrow-left-dark"
- transform="translate(12.69984,0.52916)">
- <rect
- y="292.23755"
- x="4.7625041"
- height="3.7041667"
- width="3.7041595"
- id="rect3221"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996" />
- <path
- inkscape:connector-curvature="0"
- id="path3223"
- d="m 5.8208334,294.08957 1.05834,1.05833 h 0.26458 v -0.26458 l -0.79375,-0.79375 0.79375,-0.79375 v -0.26458 h -0.26458 z"
- style="fill:#fffff9;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- sodipodi:nodetypes="ccccccccc" />
- </g>
- <g
- inkscape:label="#g895"
- id="scrollarrow-right-dark"
- transform="translate(12.69984,0.52916)">
- <rect
- y="292.23755"
- x="-12.699994"
- height="3.7041667"
- width="3.7041595"
- id="rect3227"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.21385996"
- transform="scale(-1,1)" />
- <path
- inkscape:connector-curvature="0"
- id="path3229"
- d="m 11.64167,294.08957 -1.05834,1.05833 h -0.26458 v -0.26458 l 0.79375,-0.79375 -0.79375,-0.79375 v -0.26458 h 0.26458 z"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458335px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- sodipodi:nodetypes="ccccccccc" />
- </g>
- <g
- transform="matrix(0.26458,0,0,0.26458,8.6771001e-8,2.6907632)"
- id="g2684">
- <g
- id="g2680"
- style="fill:#ffffff"
- transform="matrix(1.2374369,0,0,1.2374369,-3.3492588,-245.52035)" />
- <g
- transform="matrix(1.2374369,0,0,1.2374369,-3.3492588,-246.52035)"
- style="fill:#4d4d4d"
- id="g2682" />
- </g>
- <g
- style="fill:#ffffff"
- id="g2958"
- transform="matrix(0.26458,0,0,0.26458,26.23566,-1.9948977)" />
- <g
- transform="matrix(0.26458,0,0,0.26458,19.62116,-1.9948977)"
- id="g2944"
- style="fill:#ffffff" />
- <g
- id="titlebutton-close-dark"
- inkscape:label="#g5123">
- <circle
- r="2.6458001"
- style="fill:url(#linearGradient4386);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- id="circle4380"
- cx="3.1749671"
- cy="273.71658" />
- <circle
- r="2.3812201"
- id="circle4382"
- style="fill:url(#linearGradient4415);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="3.1749671"
- cy="273.71658" />
- <circle
- r="2.1166401"
- style="fill:url(#linearGradient4390);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="ellipse4384"
- cx="3.1749671"
- cy="273.71658" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4467"
- d="m 2.11664,272.92278 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 3.9687 l -0.79374,0.79374 -0.79374,-0.79374 z"
- style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- <path
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 2.11664,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 V 272.6582 H 3.9687 l -0.79374,0.79374 -0.79374,-0.79374 z"
- id="path4427"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-maximize-dark"
- inkscape:label="#g5116">
- <circle
- cy="279.53732"
- cx="3.1749671"
- id="circle4443"
- style="fill:url(#linearGradient4451);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- cy="279.53732"
- cx="3.1749671"
- style="fill:url(#linearGradient4453);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4445"
- r="2.3812201" />
- <circle
- cy="279.53732"
- cx="3.1749671"
- id="circle4447"
- style="fill:url(#linearGradient4455);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 2.11664,280.33102 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- id="path4493"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4491"
- d="m 2.11664,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-close-hover-dark"
- inkscape:label="#g5088">
- <circle
- cy="273.71658"
- cx="8.9957285"
- id="circle4517"
- style="fill:url(#linearGradient4527);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- cy="273.71658"
- cx="8.9957285"
- style="fill:url(#linearGradient4529);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4519"
- r="2.3812201" />
- <circle
- cy="273.71658"
- cx="8.9957285"
- id="circle4521"
- style="fill:url(#linearGradient4531);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 7.9374,272.92278 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 9.78946 l -0.79374,0.79374 -0.79374,-0.79374 z"
- id="path4523"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4525"
- d="m 7.9374,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 V 272.6582 H 9.78946 l -0.79374,0.79374 -0.79374,-0.79374 z"
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-close-active-dark"
- inkscape:label="#g5081">
- <circle
- cy="273.71658"
- cx="14.816483"
- id="circle4539"
- style="fill:url(#linearGradient4550);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- cy="273.71658"
- cx="14.816483"
- style="fill:url(#linearGradient4552);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4541"
- r="2.3812201" />
- <circle
- cy="-273.71658"
- cx="14.816483"
- id="circle4543"
- style="fill:url(#linearGradient4554);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401"
- transform="scale(1,-1)" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4548"
- d="m 13.75816,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-maximize-hover-dark"
- inkscape:label="#g5095">
- <circle
- r="2.6458001"
- style="fill:url(#linearGradient4572);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- id="circle4562"
- cx="8.9957266"
- cy="279.53738" />
- <circle
- r="2.3812201"
- id="circle4564"
- style="fill:url(#linearGradient4574);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="8.9957266"
- cy="279.53738" />
- <circle
- r="2.1166401"
- style="fill:url(#linearGradient4576);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4566"
- cx="8.9957266"
- cy="279.53738" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4609"
- d="m 7.9374,280.33102 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 L 8.99572,279.53728 7.9374,280.5956 Z"
- style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- <path
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 7.9374,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 L 8.99572,279.2727 7.9374,280.33102 Z"
- id="path4611"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-maximize-active-dark"
- inkscape:label="#g5075">
- <circle
- r="2.6458001"
- style="fill:url(#linearGradient4586);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- id="circle4578"
- cx="14.816483"
- cy="279.53732" />
- <circle
- r="2.3812201"
- id="circle4580"
- style="fill:url(#linearGradient4588);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="14.816483"
- cy="279.53732" />
- <circle
- r="2.1166401"
- style="fill:url(#linearGradient4590);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4582"
- cx="14.816483"
- cy="-279.53732"
- transform="scale(1,-1)" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4615"
- d="m 13.75816,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-close"
- inkscape:label="#g4914">
- <circle
- r="2.6458001"
- style="fill:url(#linearGradient4737);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- id="circle4693"
- cx="3.174969"
- cy="256.25403" />
- <circle
- r="2.3812201"
- id="circle4695"
- style="fill:url(#linearGradient4739);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="3.174969"
- cy="256.25403" />
- <circle
- r="2.1166401"
- style="fill:url(#linearGradient4741);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4697"
- cx="3.174969"
- cy="256.25403" />
- <path
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 2.11664,255.46039 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 3.9687 l -0.79374,0.79374 -0.79374,-0.79374 z"
- id="path4699"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4701"
- d="m 2.11664,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 3.9687 l -0.79374,0.79374 -0.79374,-0.79374 z"
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-close-active"
- inkscape:label="#g4927">
- <circle
- cy="256.25403"
- cx="14.816486"
- id="circle4703"
- style="fill:url(#linearGradient4743);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- transform="scale(1,-1)"
- cy="-256.25403"
- cx="14.816486"
- style="fill:url(#linearGradient4745);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4705"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-256.25403"
- cx="14.816486"
- id="circle4707"
- style="fill:url(#linearGradient4747);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- style="fill:#2f2f2f;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 13.75816,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
- id="path4709"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-close-hover"
- inkscape:label="#g4921">
- <circle
- cy="256.25403"
- cx="8.9957285"
- id="circle4711"
- style="fill:url(#linearGradient4749);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- cy="256.25403"
- cx="8.9957285"
- style="fill:url(#linearGradient4751);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4713"
- r="2.3812201" />
- <circle
- cy="256.25403"
- cx="8.9957285"
- id="circle4715"
- style="fill:url(#linearGradient4753);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4717"
- d="m 7.9374,255.46039 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 9.78946 l -0.79374,0.79374 -0.79374,-0.79374 z"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- <path
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 7.9374,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 H 9.78946 l -0.79374,0.79374 -0.79374,-0.79374 z"
- id="path4719"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-close-backdrop"
- inkscape:label="#g4934">
- <g
- transform="translate(29.63296,-12.17068)"
- id="g4727">
- <circle
- cy="268.4249"
- cx="-8.9957123"
- id="circle4721"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957123"
- style="fill:url(#linearGradient4755);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4723"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957113"
- id="circle4725"
- style="fill:#d6d6d6;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- </g>
- <path
- style="fill:#787878;fill-opacity:0.97647059;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 19.57892,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
- id="path4759"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-close-hover-backdrop"
- inkscape:label="#g4941">
- <g
- transform="translate(35.45372,-12.17068)"
- id="g4735">
- <circle
- r="2.6458001"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- id="circle4729"
- cx="-8.9957123"
- cy="268.4249" />
- <circle
- r="2.3812201"
- id="circle4731"
- style="fill:url(#linearGradient4757);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="-8.9957123"
- cy="-268.4249"
- transform="scale(1,-1)" />
- <circle
- r="2.1166401"
- style="fill:#e9e9e9;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4733"
- cx="-8.9957113"
- cy="-268.4249"
- transform="scale(1,-1)" />
- </g>
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4761"
- d="m 25.39968,255.19581 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
- style="fill:#787878;fill-opacity:0.97647059;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-maximize"
- inkscape:label="#g4994">
- <circle
- cy="262.07495"
- cx="3.174969"
- id="circle4627"
- style="fill:url(#linearGradient4671);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- cy="262.07495"
- cx="3.174969"
- style="fill:url(#linearGradient4673);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4629"
- r="2.3812201" />
- <circle
- cy="262.07495"
- cx="3.174969"
- id="circle4631"
- style="fill:url(#linearGradient4675);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4799"
- d="m 2.11664,262.86874 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 L 3.17496,262.075 2.11664,263.13332 Z"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- <path
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 2.11664,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- id="path4801"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-maximize-hover"
- inkscape:label="#g5001">
- <circle
- r="2.6458001"
- style="fill:url(#linearGradient4683);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- id="circle4645"
- cx="8.9957285"
- cy="262.07495" />
- <circle
- r="2.3812201"
- id="circle4647"
- style="fill:url(#linearGradient4685);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="8.9957285"
- cy="262.07495" />
- <circle
- r="2.1166401"
- style="fill:url(#linearGradient4687);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4649"
- cx="8.9957285"
- cy="262.07495" />
- <path
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 7.9374,262.86874 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 L 8.99572,262.075 7.9374,263.13332 Z"
- id="path4809"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4811"
- d="m 7.9374,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-maximize-active"
- inkscape:label="#g4975">
- <circle
- r="2.6458001"
- style="fill:url(#linearGradient4677);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- id="circle4637"
- cx="14.816486"
- cy="262.07495" />
- <circle
- r="2.3812201"
- id="circle4639"
- style="fill:url(#linearGradient4679);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="14.816486"
- cy="-262.07495"
- transform="scale(1,-1)" />
- <circle
- r="2.1166401"
- style="fill:url(#linearGradient4681);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4641"
- cx="14.816486"
- cy="-262.07495"
- transform="scale(1,-1)" />
- <path
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 13.75816,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- id="path4815"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-maximize-backdrop"
- inkscape:label="#g4955">
- <g
- id="g4661"
- transform="translate(29.63296,-6.34992)">
- <circle
- r="2.6458001"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- id="circle4655"
- cx="-8.9957123"
- cy="268.4249" />
- <circle
- r="2.3812201"
- id="circle4657"
- style="fill:url(#linearGradient4689);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="-8.9957123"
- cy="-268.4249"
- transform="scale(1,-1)" />
- <circle
- r="2.1166401"
- style="fill:#d6d6d6;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4659"
- cx="-8.9957113"
- cy="-268.4249"
- transform="scale(1,-1)" />
- </g>
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4817"
- d="m 19.57892,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-maximize-hover-backdrop"
- inkscape:label="#g4948">
- <g
- id="g4669"
- transform="translate(35.45372,-6.34992)">
- <circle
- cy="268.4249"
- cx="-8.9957123"
- id="circle4663"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957123"
- style="fill:url(#linearGradient4691);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4665"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957113"
- id="circle4667"
- style="fill:#e9e9e9;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- </g>
- <path
- style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 25.39968,262.60416 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- id="path4819"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-minimize"
- inkscape:label="#g5008">
- <circle
- r="2.6458001"
- style="fill:url(#linearGradient4333);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- id="circle4311"
- cx="3.174969"
- cy="267.89572" />
- <circle
- r="2.3812201"
- id="ellipse4313"
- style="fill:url(#linearGradient4335);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="3.174969"
- cy="267.89572" />
- <circle
- r="2.1166401"
- style="fill:url(#linearGradient4337);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="ellipse4315"
- cx="3.174969"
- cy="267.89572" />
- <path
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 2.11664,267.89576 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- id="path4821"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4823"
- d="m 2.11664,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-minimize-hover"
- inkscape:label="#g5015">
- <circle
- cy="267.89572"
- cx="8.9957285"
- id="circle4495"
- style="fill:url(#linearGradient4505);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- cy="267.89572"
- cx="8.9957285"
- style="fill:url(#linearGradient4507);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4497"
- r="2.3812201" />
- <circle
- cy="267.89572"
- cx="8.9957285"
- id="circle4499"
- style="fill:url(#linearGradient4509);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4825"
- d="m 7.9374,267.89576 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 L 8.99572,268.6895 7.9374,267.63118 Z"
- style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- <path
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 7.9374,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 L 9.2603,268.6895 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 L 8.99572,268.42492 7.9374,267.3666 Z"
- id="path4827"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-minimize-active"
- inkscape:label="#g5021">
- <circle
- cy="267.89572"
- cx="14.816486"
- id="circle4469"
- style="fill:url(#linearGradient4477);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- transform="scale(1,-1)"
- cy="-267.89572"
- cx="14.816486"
- style="fill:url(#linearGradient4479);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4471"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-267.89572"
- cx="14.816486"
- id="circle4473"
- style="fill:url(#linearGradient4481);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4829"
- d="m 13.75816,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-minimize-backdrop"
- inkscape:label="#g4969">
- <g
- transform="translate(29.63296,-0.52916)"
- id="g4607">
- <circle
- cy="268.4249"
- cx="-8.9957123"
- id="circle4600"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957123"
- style="fill:url(#linearGradient4594);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4592"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957113"
- id="circle4596"
- style="fill:#d6d6d6;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- </g>
- <path
- style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 19.57892,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- id="path4831"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-minimize-hover-backdrop"
- inkscape:label="#g4962">
- <g
- transform="translate(35.45372,-0.52916)"
- id="g4623">
- <circle
- r="2.6458001"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- id="circle4617"
- cx="-8.9957123"
- cy="268.4249" />
- <circle
- r="2.3812201"
- id="circle4619"
- style="fill:url(#linearGradient4625);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="-8.9957123"
- cy="-268.4249"
- transform="scale(1,-1)" />
- <circle
- r="2.1166401"
- style="fill:#e9e9e9;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4621"
- cx="-8.9957113"
- cy="-268.4249"
- transform="scale(1,-1)" />
- </g>
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4833"
- d="m 25.39968,267.63118 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-close-backdrop-dark"
- inkscape:label="#g5035">
- <g
- id="g4769"
- transform="translate(29.63296,5.2916)">
- <circle
- r="2.6458001"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- id="circle4763"
- cx="-8.9957123"
- cy="268.4249" />
- <circle
- r="2.3812201"
- id="circle4765"
- style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="-8.9957123"
- cy="-268.4249"
- transform="scale(1,-1)" />
- <circle
- r="2.1166401"
- style="fill:#3e4143;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4767"
- cx="-8.9957113"
- cy="-268.4249"
- transform="scale(1,-1)" />
- </g>
- <path
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 19.57892,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
- id="path4835"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-close-hover-backdrop-dark"
- inkscape:label="#g5028">
- <g
- id="g4777"
- transform="translate(35.45372,5.2916)">
- <circle
- cy="268.4249"
- cx="-8.9957123"
- id="circle4771"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957123"
- style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4773"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957113"
- id="circle4775"
- style="fill:#525557;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- </g>
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4837"
- d="m 25.39968,272.6582 v 0.26458 l 0.79374,0.79374 -0.79374,0.79374 v 0.26458 h 0.26458 l 0.79374,-0.79374 0.79374,0.79374 h 0.26458 v -0.26458 l -0.79374,-0.79374 0.79374,-0.79374 v -0.26458 h -0.26458 l -0.79374,0.79374 -0.79374,-0.79374 z"
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-maximize-backdrop-dark"
- inkscape:label="#g5049">
- <g
- transform="translate(29.63296,11.11236)"
- id="g4789">
- <circle
- cy="268.4249"
- cx="-8.9957123"
- id="circle4783"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957123"
- style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4785"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957113"
- id="circle4787"
- style="fill:#3e4143;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- </g>
- <path
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 19.57892,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- id="path4839"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-maximize-hover-backdrop-dark"
- inkscape:label="#g5042">
- <g
- transform="translate(35.45372,11.11236)"
- id="g4797">
- <circle
- r="2.6458001"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- id="circle4791"
- cx="-8.9957123"
- cy="268.4249" />
- <circle
- r="2.3812201"
- id="circle4793"
- style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="-8.9957123"
- cy="-268.4249"
- transform="scale(1,-1)" />
- <circle
- r="2.1166401"
- style="fill:#525557;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4795"
- cx="-8.9957113"
- cy="-268.4249"
- transform="scale(1,-1)" />
- </g>
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4841"
- d="m 25.39968,280.06644 v -0.26458 l 0.79374,-0.79374 v 0 0 l 0.26458,-0.26458 v 0 0 0 l 0.26458,0.26458 v 0 l 0.79374,0.79374 v 0.26458 0.26458 l -1.05832,-1.05832 -1.05832,1.05832 z"
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-minimize-dark"
- inkscape:label="#g5109">
- <circle
- r="2.6458001"
- style="fill:url(#linearGradient4891);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- id="circle4843"
- cx="3.1749671"
- cy="285.35815" />
- <circle
- r="2.3812201"
- id="circle4845"
- style="fill:url(#linearGradient4893);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="3.1749671"
- cy="285.35815" />
- <circle
- r="2.1166401"
- style="fill:url(#linearGradient4895);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4847"
- cx="3.1749671"
- cy="285.35815" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4849"
- d="m 2.11664,285.35804 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- <path
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 2.11664,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- id="path4851"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-minimize-hover-dark"
- inkscape:label="#g5102">
- <circle
- cy="285.35822"
- cx="8.9957266"
- id="circle4853"
- style="fill:url(#linearGradient4897);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- cy="285.35822"
- cx="8.9957266"
- style="fill:url(#linearGradient4899);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4855"
- r="2.3812201" />
- <circle
- cy="285.35822"
- cx="8.9957266"
- id="circle4857"
- style="fill:url(#linearGradient4901);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- style="fill:#212223;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 7.9374,285.35804 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- id="path4865"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4867"
- d="m 7.9374,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 L 8.99572,285.8872 7.9374,284.82888 Z"
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-minimize-active-dark"
- inkscape:label="#g5069">
- <circle
- cy="285.35815"
- cx="14.816483"
- id="circle4859"
- style="fill:url(#linearGradient4903);fill-opacity:1;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- cy="285.35815"
- cx="14.816483"
- style="fill:url(#linearGradient4905);fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4861"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-285.35815"
- cx="14.816483"
- id="circle4863"
- style="fill:url(#linearGradient4907);fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- <path
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 13.75816,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- id="path4869"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <g
- id="titlebutton-minimize-backdrop-dark"
- inkscape:label="#g5056">
- <g
- id="g4877"
- transform="translate(29.63296,16.93312)">
- <circle
- r="2.6458001"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- id="circle4871"
- cx="-8.9957123"
- cy="268.4249" />
- <circle
- r="2.3812201"
- id="circle4873"
- style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.45408085"
- cx="-8.9957123"
- cy="-268.4249"
- transform="scale(1,-1)" />
- <circle
- r="2.1166401"
- style="fill:#3e4143;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- id="circle4875"
- cx="-8.9957113"
- cy="-268.4249"
- transform="scale(1,-1)" />
- </g>
- <path
- sodipodi:nodetypes="ccccccccccccccccc"
- inkscape:connector-curvature="0"
- id="path4887"
- d="m 19.57892,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
- <g
- id="titlebutton-minimize-hover-backdrop-dark"
- inkscape:label="#g5063">
- <g
- id="g4885"
- transform="translate(35.45372,16.93312)">
- <circle
- cy="268.4249"
- cx="-8.9957123"
- id="circle4879"
- style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0.35277334"
- r="2.6458001" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957123"
- style="fill:#111213;fill-opacity:1;stroke:none;stroke-width:0.45408085"
- id="circle4881"
- r="2.3812201" />
- <circle
- transform="scale(1,-1)"
- cy="-268.4249"
- cx="-8.9957113"
- id="circle4883"
- style="fill:#525557;fill-opacity:1;stroke:none;stroke-width:0.40362743"
- r="2.1166401" />
- </g>
- <path
- style="fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:0.26458001px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
- d="m 25.39968,285.09346 v 0.26458 l 0.79374,0.79374 v 0 0 l 0.26458,0.26458 v 0 0 0 l 0.26458,-0.26458 v 0 l 0.79374,-0.79374 v -0.26458 -0.26458 l -1.05832,1.05832 -1.05832,-1.05832 z"
- id="path4889"
- inkscape:connector-curvature="0"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- </g>
-</svg>
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets.txt b/gtk/src/Zukitwo/gtk-3.0/assets.txt
deleted file mode 100644
index a6250b7..0000000
--- a/gtk/src/Zukitwo/gtk-3.0/assets.txt
+++ /dev/null
@@ -1,42 +0,0 @@
-scrollarrow-up
-scrollarrow-up-insensitive
-scrollarrow-down
-scrollarrow-down-insensitive
-scrollarrow-right
-scrollarrow-right-insensitive
-scrollarrow-left
-scrollarrow-left-insensitive
-scrollarrow-up-dark
-scrollarrow-down-dark
-scrollarrow-right-dark
-scrollarrow-left-dark
-titlebutton-minimize
-titlebutton-maximize
-titlebutton-close
-titlebutton-minimize-hover
-titlebutton-maximize-hover
-titlebutton-close-hover
-titlebutton-minimize-active
-titlebutton-maximize-active
-titlebutton-close-active
-titlebutton-minimize-backdrop
-titlebutton-maximize-backdrop
-titlebutton-close-backdrop
-titlebutton-minimize-hover-backdrop
-titlebutton-maximize-hover-backdrop
-titlebutton-close-hover-backdrop
-titlebutton-minimize-dark
-titlebutton-maximize-dark
-titlebutton-close-dark
-titlebutton-minimize-hover-dark
-titlebutton-maximize-hover-dark
-titlebutton-close-hover-dark
-titlebutton-minimize-active-dark
-titlebutton-maximize-active-dark
-titlebutton-close-active-dark
-titlebutton-minimize-backdrop-dark
-titlebutton-maximize-backdrop-dark
-titlebutton-close-backdrop-dark
-titlebutton-minimize-hover-backdrop-dark
-titlebutton-maximize-hover-backdrop-dark
-titlebutton-close-hover-backdrop-dark
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/bullet-symbolic.svg b/gtk/src/Zukitwo/gtk-3.0/assets/bullet-symbolic.svg
deleted file mode 100644
index 361f6ca..0000000
--- a/gtk/src/Zukitwo/gtk-3.0/assets/bullet-symbolic.svg
+++ /dev/null
@@ -1,66 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- xmlns:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="14"
- height="14"
- viewBox="0 0 3.7041666 3.7041668"
- version="1.1"
- id="svg5760"
- inkscape:version="0.92.2 2405546, 2018-03-11"
- sodipodi:docname="bullet-symbolic.svg">
- <defs
- id="defs5754" />
- <sodipodi:namedview
- id="base"
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1.0"
- inkscape:pageopacity="0.0"
- inkscape:pageshadow="2"
- inkscape:zoom="11.2"
- inkscape:cx="8.9582302"
- inkscape:cy="11.693613"
- inkscape:document-units="mm"
- inkscape:current-layer="layer1"
- showgrid="false"
- units="px"
- inkscape:window-width="1853"
- inkscape:window-height="926"
- inkscape:window-x="67"
- inkscape:window-y="27"
- inkscape:window-maximized="1" />
- <metadata
- id="metadata5757">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- <dc:title></dc:title>
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(0,-293.29582)">
- <rect
- ry="0.79374999"
- y="294.35416"
- x="1.0583334"
- height="1.5875"
- width="1.5875"
- id="rect4175"
- style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.07843137" />
- </g>
-</svg>
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/bullet-symbolic.symbolic.png b/gtk/src/Zukitwo/gtk-3.0/assets/bullet-symbolic.symbolic.png
deleted file mode 100644
index 075162c876199490fcf05e3e3f1a06c9c74f2f11..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 249
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&AOk^)LNZHo
zQW@Oy@^e!af-7^A@^dni6+Dyk^AtidQgc)LmT0a9D)shsaSYLzn4BOnv!S=Kaqr~D
z#>bM(%*TV-*!uW7BpeT1Jb2*1M|s|IfyEys#d^<Q3^h!=_*1_7MtqWqo>~wO^9IMi
gKc^fyAX&!1usTYl^Cq*^1)#AEp00i_>zopr0QNafH~;_u
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/bullet@2-symbolic.symbolic.png b/gtk/src/Zukitwo/gtk-3.0/assets/bullet@2-symbolic.symbolic.png
deleted file mode 100644
index 6703b5359b0052005df64c66aba66b15a16a8017..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 227
zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zEX7WqAsj$Z!;#Vf<j?YSaSZY3
zd^_bJ?;!&o*ZE#y4SzGNrHWhPqDmRd79@2Pcq}T?>{Bgv_%ylZRCwH)BaFuj|8+9-
z9AL5WzT3EP&CDXkFa_BwK}KpUj^8v*UzX%dxcW-BWwMimZi{|v!DO@7QZ1f^7KXQ#
zYBXAswz*aWbC}+AX8L*3`@1=_I=AAJh5yv%Hg2A}M(9Mb*v<XhIARRnoGF}h|1+E4
X?!bisV&W!1S2B3I`njxgN@xNAO_Ne_
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/check-symbolic.svg b/gtk/src/Zukitwo/gtk-3.0/assets/check-symbolic.svg
deleted file mode 100644
index e5306e7..0000000
--- a/gtk/src/Zukitwo/gtk-3.0/assets/check-symbolic.svg
+++ /dev/null
@@ -1,64 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- xmlns:dc="http://purl.org/dc/elements/1.1/"
- xmlns:cc="http://creativecommons.org/ns#"
- xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
- xmlns:svg="http://www.w3.org/2000/svg"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="14"
- height="14"
- viewBox="0 0 3.7041666 3.7041668"
- version="1.1"
- id="svg5760"
- inkscape:version="0.92.2 2405546, 2018-03-11"
- sodipodi:docname="check-symbolic.svg">
- <defs
- id="defs5754" />
- <sodipodi:namedview
- id="base"
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1.0"
- inkscape:pageopacity="0.0"
- inkscape:pageshadow="2"
- inkscape:zoom="11.2"
- inkscape:cx="8.9582302"
- inkscape:cy="11.693613"
- inkscape:document-units="mm"
- inkscape:current-layer="layer1"
- showgrid="false"
- units="px"
- inkscape:window-width="1853"
- inkscape:window-height="926"
- inkscape:window-x="67"
- inkscape:window-y="27"
- inkscape:window-maximized="1" />
- <metadata
- id="metadata5757">
- <rdf:RDF>
- <cc:Work
- rdf:about="">
- <dc:format>image/svg+xml</dc:format>
- <dc:type
- rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
- <dc:title></dc:title>
- </cc:Work>
- </rdf:RDF>
- </metadata>
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(0,-293.29582)">
- <path
- sodipodi:nodetypes="cccccccccc"
- inkscape:connector-curvature="0"
- id="path4170"
- d="m 0.52916666,295.1479 v -0.26458 h 0.2645834 L 1.5875,295.67707 2.9104167,294.08957 H 3.175 v 0.26458 l -1.5875,1.85209 -0.2645833,-0.26459 z"
- style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
- </g>
-</svg>
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/check-symbolic.symbolic.png b/gtk/src/Zukitwo/gtk-3.0/assets/check-symbolic.symbolic.png
deleted file mode 100644
index 8293b3e6f2a4eb68677da05b1638ea9dce5f2ff1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 320
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&AOk^)LNZHo
zQW@Oy@^e!af-7^A@^dni6+Dyk^AtidQgc)LmT0a9DxKu%;uxYa@$3adKE_0WwukAe
zDvJVEz6ez+ob-0?5!H?k<qj{G_Y78RHKu5-trB(H#QG^;(eSGI<jUu>CI6YaMJ$YC
z&3f3v^g4XwG=_5*_-lPiPaj@+fbZt+Wjw(=%I_bEU66e1e|h@F5=ZvmC*DicL}v#@
zy^gx{c*^W&stXP%u|E3w)YpOCB*-x%sXI>e#rKa4@i*jDWfuID1-g#G)78&qol`;+
E0R2dEfdBvi
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/check@2-symbolic.symbolic.png b/gtk/src/Zukitwo/gtk-3.0/assets/check@2-symbolic.symbolic.png
deleted file mode 100644
index df11544a06360d70e16028b638d261ed2b9617a3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 286
zcmV+(0pb3MP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00004b3#c}2nYxW
zd<bNS0002hNkl<ZNQv##Jqv<B9Dwo1GP7^(($r895i}Gu^@1&t)~BoC66EmS^iCRl
z;I_k`9{vx8{5J0kihw2X=?h!`u;5?>Y-(6gFaov`77QE#hX%|Vj2*Bsa8h7aU<SN_
znFq`WX0?qakZShEz{P+qY_V#ozH|cQ25jYusn7(t8?Zg%uWc+w9G~t1)$vY&hhgtd
zhgGGPXwl`%<PwXw*R3OB9-V57o)II`Dp&N1+eOg{z4^dw(Ht?4UQ?k@#E1k*M$3?x
kjK0v{uU<?0#D@N-FI1GS{rkRI0{{R307*qoM6N<$f)m?$jsO4v
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/dash-symbolic.symbolic.png b/gtk/src/Zukitwo/gtk-3.0/assets/dash-symbolic.symbolic.png
deleted file mode 100644
index 46827454b8a67cb9315bbae0876f7bf0205831e8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 201
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&AOk^)LNZHo
zQW@Oy@^e!af-7^A@^dni6+Dyk^AtidQgc)LmT0a9DwXzhaSYLzn4BQNdWF3w<In#i
jtI`+ki*{rD$-uDxGb78&3k$CTl`(j_`njxgN@xNA+BiB@
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-dark.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-dark.png
deleted file mode 100644
index 4df0a93d3585903e051c8e330a89f2fd162c7f3f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 189
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)!bE{-7@
z6O$7pSdTRR7r4;qy6544Ao!T6<9?mz@)sbp%4ypn5i^C&oux)+(hiwD+%VH(cAF*x
Z!{4a^o1eBSRRB$4@O1TaS?83{1ON};K3f0)
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-dark@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-dark@2.png
deleted file mode 100644
index 0ba2713f08a164cbf264495a88511ea046951713..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 270
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhK*n}^x;Tb-
zbiTcCnzO+`z%|gZnzOFUQ#JFbR7ooTwZ$2t*Lxo<_$b`No%rro>tPj76W`zE4XjlQ
z*e<dEF1h=yfwxg6T6V%+h29&x1x_$buDJ6{FM49w8?^&AZ7gQ<VxR3yVOyo}gs;1c
zW6g(}$NzSBg`ar0sWI6&z|B!_!;cR3-+Y1*d{5>p&HA=pY+kV5vGq9*vw_ZH@O1Ta
JS?83{1OR%?VwwN|
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-insensitive.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-insensitive.png
deleted file mode 100644
index b5f699d20132d25fffb1be50ebb1c48a4c2a9669..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 226
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt=JME{-7@
z6W{haay2N3upYOX{@m!E+ufR7VII#n^)`06{H{8k_^kfN_q<7~med}ayyVvA)B-bw
zFB_MzxF~#GG&?pwDNlpx=9zhi#n>PGn{`H~|C|-Kx90Ni_ZW}s{5qw#@UnuD499^J
QK&u!$UHx3vIVCg!0B=c8#{d8T
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-insensitive@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down-insensitive@2.png
deleted file mode 100644
index 5a4a6759dc1385169bd15edb04f9249909edbe8c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 420
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhfW|T^db&7<
zcyzw)H}pCZAmaM|ukZ;Wm+qC5PIRo6NM|&Ymo8;C3%<cpC&;1FyY_8FN9&S}TP4j6
zH=bfMitc!J(}m-gZ%=~Zgy34e_jf<b8yFdFGQJ?zmRP~{fa}0Ajjq=^r|<3d+Hy_!
z{O3Fd8Ri|nm%qGx-LpwoYw0o-ah2)wp4++vJ}L36xgS3<W>SpC(q-5DqCGxII^5iI
ze$}d|%(d!fo&qf840^Ly<dp3%|Mw+0`AlN$b$y0!j1DexvDa<;7rj_pdvdvp%QhAN
zNh&vagi23-vYD<pDNc}~C9%S#h&O?s!Q-C!Q}MGNno6HdeB*alRk^M`eT{+d*3OO`
z+2b>h7tZ-!`o}9}GVeqlp{=P(k9a2j;Y>brM#A{F`N0z>-hE^&a;otOpZFjh7@`cG
Lu6{1-oD!M<*zKh2
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down.png
deleted file mode 100644
index 755ad469932241372c59330272947d5a39c97c1c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 244
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+X~E{-7@
z6W{i2<ZUq!VEO(d?arAv>zcNcD~^{jvzR<g`z9Q>iO1>5hKpII#a0i_?wufVa_RlM
zwv$43^U8i^HQ2Ukx4Y-$B{!PN%3?32q!}~(srGsqbthhqQD?V=w`TGAnsY~@UW+*y
h7)KYMV}GgnlQCnh&WtM_+d;lz@O1TaS?83{1OUZ8RPq1-
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-down@2.png
deleted file mode 100644
index 37fe1797213d8c40872038b9df8a007117ec192e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 432
zcmV;h0Z;ykP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00004b3#c}2nYxW
zd<bNS00009a7bBm000}W000}W0bUxB8~^|S8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10WC>HK~zYI?T@iegHRNP|3f>lFcPCfS5xCVNNP6%xDXfX3%GRf
zF<f17Fb;-AAPg?`C8|lEz`)AF9lWQ@t!W5QYU0p@Z@IZY_neO(=;`S>7^p6E9OsIe
z?}%ur>-v2dhCgjfeBU3GW%<C&=S1|FB*|O#jn*(bBBCjPd0Cb(mSqjwBtnP)z+BCY
z>fY6gi0B<armok9VFbSK4;q?0G4rj8GBw*x6vy$3h%Nwpt7ukjw$)^&qFhQjjpKM#
z`}1|-2G?~@nfU|2v5H=cqPQ_llZ6n$R+C&xd6}l^vT0YV2mn0KJCjl_03504S)H3E
znWkxzD2l$?_Use^zs(i^PAZ>r0Fxw1K6mZtBx;a#mh2^}$cFn!{)BDYW81dJ|0d|^
aIXu=@|9-gB)m}FM0000<MNUMnLSTYfWwucO
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-dark.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-dark.png
deleted file mode 100644
index 3ca1351a816257808b6a4511c0cdabbcc7521749..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 184
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-mWE{-7@
z6O$7p<R1M0KcDyi|Nnpdr!D*czy2COpRZ5Ek$ujYev5LQH*J;4%07M|LoM?0115$8
X`fkpNXI=&X4Pfwe^>bP0l+XkKn>9Kv
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-dark@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-dark@2.png
deleted file mode 100644
index 3fcecca9eb33cb24dd34e3c2332ddfa99f970549..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 291
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhK*lccba4#v
z=zKeMH}4?>5!dy)U26_7DWrDkoRBeKyyDZiLQqio$<hY_5-tl4Zfly*<ewT@_5MfH
zKabW!veTnE?mB(yEwQx>f9n=~adrylwI;@Gy(>Sy6k4sif4T|3@w*APl$}0JV%cD7
zpgk$mBgs#;x$xWG-#MHs&ozh4zPSC}^i5@5MynU@w@Ll`N_&xlcYVm_B<pb5h1qiV
fUHtkF$rm#R@-nyj#=SZWbSs0WtDnm{r-UW|BgShh
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-insensitive.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-insensitive.png
deleted file mode 100644
index dbc462778cf150f476fc79289814bdb5b06b4ee0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 232
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-vZE{-7@
z6YpLy<Z5u>ak;oYta`;9Z_mfKSoTbg{or#eGg)=_tgz*rDHQ@t|2tNth1z<>{%&ay
zJh60NrE{8DYXZwvzq{*ZW^pXot$(LhbfWADrAc>cIS*>AtGjw8ErH?J^2zoSg!R9w
VrxvfDJsW5tgQu&X%Q~loCIB|APQU;F
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-insensitive@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left-insensitive@2.png
deleted file mode 100644
index a14bde360859341a24e36812d0448ad13a7b7817..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 376
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhK*oOcba4#v
z=zKfH(2K=Tq;0==N)byW|AR%-3%K7WEdDCz$fUVUB5lJrq1T+-1dn=aTodbdmzZEP
zd&kn*DVwjJ<8KuB^!)MPN=~0yBC1Q>p5NJNn6_|LeC_@9<!|jZ8!O&FS8NFnoy+*z
z;@{MhtrpMqoH_Cj@Hm9p2h~I>y#E{HGOzLSjxC$6-CJHU`TYxhy(HBGt1@Tp-j-Xx
zs_|Q^N@JEoSyPsy!dl4^>p<PQ@|73&GNcQBOIf>jtyHXUL}B&wLz|55vrqeKToU_z
z<*Mrk%o{rH^gRAC;nCTDuiFwU%#Xz|&gR%{!NIX@s;)~4r_HoEhA%t5a{F)Uo>0Ld
RmI(|122WQ%mvv4FO#le0m$3i<
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left.png
deleted file mode 100644
index a68dd1e50c220bfe4090ced14e7b55b77e9e5e3a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 228
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+k3E{-7@
z6Yoyk$lGAR!(tzhDx@!*E_<rNAZpqNrG?d13W5_e9-P|l_kU7j{e)t((5H8EUwNu<
zdrIedX->Vq^mNE1Q3fZDjq2x~AGm8Sc$0BPhf8_9e5Z1eaA<7Q`yT@AH}mu=&d%hy
Q2egdA)78&qol`;+0KsQSi2wiq
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-left@2.png
deleted file mode 100644
index fe5b3bf4b250f4ecd6dcafbf489b78f320192045..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 380
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhK*s*`ba4#v
z=zKdxG3bbcfNT8nMae6lGUOaojcDwe;lY#9cR=z&OwvTpBeQflrZ+e#YkYB;RKvn}
z@?1)@(*7);>tFV~w72EmoW{FpV`t?&`K6h=CVh#z{x$9TzY?A!mfNR%QOIP>Y5Tf*
zQiMmKi25YCM%IRzw(U<`L!Zov{#Lu6m5)JX?cVR#6?Y!Y|B@^2tUBph?(H};-_M4U
z8Sx$h8C)m)E`$hhytev#=Ty#@{oGsM$yvxamEZf_?YVZgklC)i$%%pU-ZOVgIfjPr
zRq-rh+rz)`v(D)}r=rE_v60jK)5^H^FnU=16Beimy;gen)R}b+w+++J{5t-NrSaF|
VNynHDY5@a*!PC{xWt~$(695a_mZksz
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-dark.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-dark.png
deleted file mode 100644
index 4d9217bc344cf978598039a36cc28f99cee6d58f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 175
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt(#9E{-7@
z6O$7pZauJPDVeZ%W6g)mG^GX8g}v(4k8WdIk^6PaRhFwByOtf~W+-^!cJz$@{gXg_
N44$rjF6*2UngATUG}Hh9
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-dark@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-dark@2.png
deleted file mode 100644
index eb7605fb4f1eab8a16707ee6dd8686640d5c35c4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 270
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhK*n}^x;Tb-
zbiSQ>mbb}4z-@nI)dM$XFJ+N*{u?do{AGzrtN}+KD{!*;M1*;oCEiQbpIm8u@{dQK
zagw2<gYwErUko;1&)d(Kx94S}m8yG3Pjz3u=1aagK`E;l7&B&itUHtX^HkFAyuM7!
zW|e2Z_yQQNN1CQj&zbmV|K*0$?MrSKv;N%^^4UuGoS_86A2p_p$Hjlk0-eR+>FVdQ
I&MBb@0EyUM3IG5A
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-insensitive.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-insensitive.png
deleted file mode 100644
index 5a42403aec66e55bb29712f47364d3bbf9d4c21a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 232
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-vZE{-7@
z6R-9e@--OnF!TD<hTLQQ<P@PLcU0`F?}md++*w|d)!r)Z>e3l)isF-OTvcY=eAc;l
zvOj~{q}S`+jJ=hL7y{N?YF|5X?@D{Y{l9--*fcL;n!%XSQ@B!S|B_2r7G04LFR;_J
U_YYbHbRq+Tr>mdKI;Vst08xZVjQ{`u
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-insensitive@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right-insensitive@2.png
deleted file mode 100644
index 165c8e4a4cfcfe188a59acc4ea24ef32c6b419a3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 393
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhfW|VidAc};
zcyzwKYUp*uLFCxS|F>C+n7428<~ka@=5|HHmMSLiZXZ#OGYxB}o^3M!z|h1UcTl5(
zd9Rbg`K0hf$0xp<Za;m^l>g&tavX=x%uT%!ZF7pnm5T0s|7+Fq!H{K^<nwi*U*#$a
z&&`$P3A$R&AZW=nZ`CR*TaGEIH+ws5a^#;MD9$myEX#PM)b{nRyrrwc8CLyLReFB!
z_w~I_$s08?c*J;lkFI&Wck;Ge*U<7fBTu2f?|n)ZZ_=5(NF(fkYR;`CnY%J(ExRji
zBGTD(Od;)szRELcCJ$Zb%6a$yDI8GW@ZsM6NI`?VxgB#3EaTk3qv)cTki&AP^Tgs+
k>-K(ct`iPk_UD;&<K&6o4sGD^0tOp{r>mdKI;Vst02^zaRR910
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right.png
deleted file mode 100644
index c9f738b3168d4c021007ce151ee1de75b04ae26f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 227
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt&0jE{-7@
z6R%#}$lGAR!+McBWag36M<P3U+)fL{u~-EMD7HFqsqFZ4dcDz~WgE>_t?KqL*}Rjx
z>jc{rv2{+y(eDaG?G7FmW#LeCVJMG}E?-`B&Nb9_smb2%2Nmw-zw)dFGxZG1_dn(a
P+Qs1M>gTe~DWM4fj^0N|
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-right@2.png
deleted file mode 100644
index b4e8ad6494bb7a43ab671c0f47ee941a1c031b45..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 389
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhfW|U1dAc};
zcyzwKYUp*uL4@tW|GgD#Yi$~mrb_R)<-xJ?(mM4GTl{mgQ#WrgkC2$;6|liCUE~|v
zGdAXjwzC88xZP9P9s4gUZN|gd$IloXm}9A!GIPrFpS*%|`3`@$WpcKR=g6_j@>Rd4
zsGN+RmMYHP-0{NLq<`kmof=)An;kM|-D8euf7jWu=SWzZl`_MMRb98Y#WL>Tb>7<%
zbG7vEzVHk!F;?G$ixzI2@wMvxlGj#Bi{|<oZT`1iZP%hrI>PV&dWB9;T*1Df;9O~S
z^D(8s3nDBGeaDm@e(>c;*u!)0cf0)wapU+X`B(lvqAOoTW_(jBdOPQLhvON626v@f
hK0no-o%wmzT=)L0zj}>gMZh3q@O1TaS?83{1OQS)pi}?=
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-dark.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-dark.png
deleted file mode 100644
index 7b22c60b792f0c959f51b95cd07d01aa73c19e40..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 185
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*PrE{-7@
z6O$7p4nFw*|35DfzgKV<<`Gyf=^6YN$UEJ6sb>wRXU~ST65kiII*UGOBqT5}T;L7Z
U`F+<Xcc2Ljp00i_>zopr00Z?rC;$Ke
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-dark@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-dark@2.png
deleted file mode 100644
index 7a393afc5c140ceecac861e9b2abac68bbc49ae4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 281
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhK*mn<ba4#v
z=zKfDkn50xfa`yW_d-HN+P_2OJaYE9^gZO%Q3;#pF#oJxi$Qe9Y^NFQ(QoHh{+ZaM
zaDqYhLauIRqxA=dwzaA=e;K(4#j|}muqUF<Pv4li_N|(D0{@$a;Hhb<Cm;PUkDRpT
z{8fvc$1Ib7_h#sr7H)c-ws^X>?hemcDzU1vXWxVh&AcgX;Zfx!bty-H<^LJ>lj5>3
UE1XWA2D*^J)78&qol`;+0CkOHR{#J2
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-insensitive.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-insensitive.png
deleted file mode 100644
index a912ae1d0c294cd8e0c7a546ae756725a3a01f5c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 225
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*w$E{-7@
z6W^ZS$l2h)<8ZM*eCOnu-ky(dvfMp!NN>mFrBjuTv$9`^SF>??aCl`_*j3A0%Q+a8
zFLZjmes^2DW&zI{hjkA{6pd%!sTH5NxNY{M2fgbWXX+kc_;PS}eX2Sat6Exg^G}dx
O7(8A5T-G@yGywpVK1{g)
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-insensitive@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up-insensitive@2.png
deleted file mode 100644
index cb6479ca3608c021480e2e98628e9cbff101c0a9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 434
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhfW|WFd%8G=
zcyzv<XzO((L7?sa$w^bh9B;f~-L$5nrC~v<y2s8R!IiB#@e`F)%sp0ioIP|sbN4R6
zA{Ig3oekH@3}@yFaoo(A*3dg)xlG!##CwcvY;0OB0>+9**1Vr{DcDH2>yhR8&lwvd
zWWLW_I&YF`11E#QXLG^1KllCrmcD4&l12SF>rWKUQC6yAG+<*;s?t#Xyy<E8O#fzu
ziuboJ|5R2yGNmJID$9YO(5u;@q57RK_O0n<T=V^J&U07YLS0ke*}K>M=4M#;S}Ste
zU8B#gm5J#+YZnE5>WYf-oD}1!`MGL-?rr7EChuPvYIPMos=Sw8oSt2Brl!v=#+Q@9
zL-TW5&(k+zi?=OGjTB~RXOO#WvX}F4fp?IgtDtn-$0e_SF*eAj#T_mDvvGBOLc#<2
a4UB(vI!mrez4`|XUj|QCKbLh*2~7ZIUa<cF
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up.png
deleted file mode 100644
index e723bcdf2b25f1f0910a980eab5f066374c2b56e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 232
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@;M7UB8!1)
zj({-ZRBb+KprB-lYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-vZE{-7@
z6W^X+DA-`Y)B5nssu?QY22SzU9k*Gqt#U|+RGR!ij*I2G4D$i~_;<pBKMO3Mb0vIy
zchOm;yQ627)r_0pxb$5%wF!g?uC$f0y%IJ1Y)<&q!-vZmW&~-?tz~j}e}BKbx~ZA*
V3AL3IQh*jRc)I$ztaD0e0sw;YOQ`?=
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/scrollarrow-up@2.png
deleted file mode 100644
index 7a2fce3a4e6028e96a3082d5eaa155608e3deaa3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 421
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhfW|T^dAc};
zcyzv<Xq$D|K%y;vb$3l;+dKu8lFy7*B_|XnsO9ti-QCeQLD*!94r4A`zFr~UgSFn*
zbKYk0%SqM7rf{sgdu5Ba1Am6#{nhMy<sW>kkZKVSRy>lD(Z?$}EvQd2S-)pv3`e1*
ziZstefs1ShT6h22a4l|m=C5D*i}*YbuTOPf9qi@XnNh6}xs#dUdCx{4P1C=VJ-jTp
zT}xwdV{mYJy-7!Yk;X3O4{wgSUAuL5<J_-d*VlD-Tni07``P9{3&UDd?XE|h2iA7~
ziAY|4!gJeMe}**{&%Ym=@%Lej%<=TnSbfGbcdu3pu!MU~+Ozfkn>BqMX&G0qPGe{=
zOuN7CV(R{j+ZW3UrZR{nO58IkEnT>E+nmqt4BXRiemz@dGf(&-_qiwC0dsVo{s0Ck
NgQu&X%Q~loCII?mslNaK
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop.png b/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-backdrop.png
deleted file mode 100644
index 36f1763ebcc0dfd2a0918260f0678ae487ff2c5d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 740
zcmV<A0vr8_P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00004b3#c}2nYxW
zd<bNS00009a7bBm000ie000ie0hKEb8vp<R8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10%1u+K~y-6t(3h^+fWq8f7h{)Dv(GrnUrp^i!yi!A6-I38+E1=
zeF54x;3IhfuEYyet-57_sSnV!B9Rb61XUgo;0{O#CqqRu08`@Ip|NE*31#3vU7vgI
z&*y)x?tw>^7`3s!zW!R%v=v|xnC^!!l~N5M#IBU`>w|#ha@kT!eM+TLMbk7f41<Y@
z2>@<xZfLbyxUNg5)7k6wdhfQkx80Gzjg5_>uIpds=H^nCWg*0H1HSKbetyo;(a~?E
z)biHWR$~BIE|)D$(+*0dQpzxlQJsjX-ELE>)vkNJ-U}(^PXI0Q*AMga^ACmr7>2>@
z>}(qN9K<yEdjaWm`lV@_VRE%v<@oq`0OB|f)oL~Twk(TeGFhxtDy0x8gm`P3W~^uV
ze4dk&lNi)-9302Nw(T&cX&TvV7T@<*0Q5evFf}z5t0b4p(d~9|90y(3L!fQjF(5!D
zlL07(K;Y^4`1pW5+qThlJ*;vV44{8@I<yR+lp06`=ytn9*F)q-E4;e9yL&!4IT_1{
z_AFXyKA(@}-QL~;Tt$Hm&+}ryC@gAo7}WDTgb?+p<sH{`@qIrA{1=wX<-*$!efmDG
z>!Os}g~&_U+}x}!EG)d5nVGq-PXjtVJ>~H5a8F9P6s-_l*H@d(=C5|U{a{$D)uP#K
zUIVK^ED<c~^?IjJC>&f|Tr7``jXg=H)AtUCv$Hey_xG=T-+v>e{1NO8oLF01GZTr#
z$7C|Ol+9+zWHPbw<#}E(zP<|~-UmZrBrs5=QYrPH(<1P!AHD<{z>bvi+y9&L2>JuO
W+W{;jk(>Ph0000<MNUMnLSTa3t5U`Q
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop.png b/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-close-hover-backdrop.png
deleted file mode 100644
index 30d1b12f15790a5dd3cb94851b85003c0bca4cf0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 741
zcmV<B0vi2^P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00004b3#c}2nYxW
zd<bNS00009a7bBm000ie000ie0hKEb8vp<R8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10%A!-K~y-6t(3oR+E5h6ziW(8had$=mO_}CE(Renn87j7sB<cY
z^aaws0e@eBD>1QEt@;4TlJ4|RFdobh1;rC;7h`2Bv`W~(z8z{?c7ZfQ&UAh5cYi+L
zxw;2<<RF_iYPH%+j^mC28~{i<X_GNFAcUMzN<Tjc*lafU8Dk$3iG(Z&0`~Uy5RFCw
z0Jpcdm`o<nbsf{`v~O9~n@*?meIu}5ugg5oe<~J>+u3XugseAU+cvJRuhH-Ke=)|6
z+U@pW1=wsh_c@N!DwWE1GMQWp`Zr9|#QFL8%(5(zQu+e`INx92l}e=t!vG+aN<o(8
z7=Vv%jsyN)z|PK2Ig`nF;%>JKRaI9Y!{HF!ZrA(HX0wRL<8rIjI`n{qkk^7B1bQY(
z5-u+<1JL1c2u;&aC=|RL$8it@0k&-)0|4&;rF1$Ss3f1yW4T;H(=>#`VF2)8q9_Km
z&RN+50(iQ$wY6eT6h-hn?^U@D1^~|4q-Plb7-K6!09Y=U-g>cEtkpPS`zySe&*#r$
zu~<Oi@0q_+Ns<D(ySqC8xbXuAhG7JNewg3pI;de7AcQD>%cr`o!?tZtv<{Zf=e^ta
zeA+g2T?b?A4Dh{_Mx*hiTrR)J<#PA+X(g_%u5fX2(WjJ_{1t-d`4dG^ewwEFVAy0b
zfvT!A04HuP<SrCN`7KG3HXe_UB9X|G-QC@Lhr?(zLa*1GS(f#RQaW<?R!&r_)n}nl
z=zTmMFA0KxbUGavUxs10<LetC<gGgtHUiyfwOWVHb2<Q!a?&P%0f19V>DT`^<q_f!
X7zY5!(8r;#00000NkvXXu0mjfnn6S>
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-active@2.png
deleted file mode 100644
index 28d8664df1203293652668f78745fe6aa8cca51e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 2191
zcmV;A2ypj_P)<h;3K|Lk000e1NJLTq001Tc001Tk1^@s6s6FYf00004b3#c}2nYxW
zd<bNS00009a7bBm000}W000}W0bUxB8~^|S8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H12n<O?K~z|UwV2;eT-OoDKWEO}Wy7+@u&`bT5C{e1QncpBrf!o5
zJIRABL()d6qqMcuHfmHU%0Eyw53Sn&Ad1wcP9M_v2ZTzI+Xt&Hh&(h+WMmnqmVZDZ
z*j>QvCB$$S)(d-2AL4ssY_K81BhAY_^W%GF=FFLU6yJc}efQmj>$=YX2Y|gmJy3Rg
z*#V}2YsQ$5wAMq%j~~CdT_0+zf+tR#h?JC+ylRYj1=x4znlXlAu?T?H8l~<rdl@)U
zQd07#W5<p;I|6KYc-Wero_-zp4NwV?&*xcOTqKvvk<aH@TU%SFV_6oVP>66i%&uL#
z2!%r4(!4R|_m4jM=$nTQ9a^un9bhL<o@^75Q^uJ6#u&c*@=LPWEGsK3UmH-0U@(Yf
zSpcl9tx+fxFvj>Yp-_leEXMBLyS->$&|1HI?AWoZ+XmL(-~XI3<~^V+m&=h#rF=k-
zJn{%tRaHczQ6iBDBC<}`bzPR0mauIb+qTK)^S)kveLdlD7+?wb$xAQ2bau<Y1_uX^
z8)M!v##pnnvrJD<V~nA+w3Mc%CaSBeH`~vKw6L(i`1m-vTn?oawY9ax<8hQyYrxN6
zeDTG<J`mX8;NWvgsX=3m_4((YW7{@LDOy@usI9HtsIa$0#uzf04CCYD7-Oias-mf>
z$piPp7hZVb@0$WUd-iNgu~-~6#za2*>@%|2EP+6Pj*bp0Dk{Dapu6ej&6|vkjZr8R
zsH&=>xw#pol%usy_Vx8$@#OsC7#<$BT-WUvk;u%<j1MZAOj21{iBf7uc=ztz^z`%)
z3<j}no0*vzM5N3Z^WO0Auyqfx<>lqqwbuI`$03zUAtEFa3Buv<j)C$x91fF6Bv49`
zN~Or<a)?Nm<2bLa19tA*xv)~|*GefSCMGb(uy^m?9gWo8Tv1U$YildU7$znrP)eb-
ze&d4=K8X0hj4{6wkt*A^$>nl{!(kd48W53(%8iYUl$Dj?I1aXLBO=jYF!)O!n25Y0
zBBW9&0NUEx5Rr!#EssTn*49=4zkIaTuK-v>LqiGIb@w@rgX1`qmX@+-&z^0cwsblT
zKwVwkw)EohIHjefIF7^e@-k&*W#2w`?%a1oDfO(@8r!yg!R_umlgThRILQ0&zfUTa
z+P1zIi23<>wAKWJ!DmEk{aq1ZVPOG)nwpwz)k!9kVPIf@LZQIw>MDbSgJd$9ZP}=)
zsR6#aA#Q*Bo`^`Bh~PMme_FP>({wt`z`y{jtE+x$R##W)@9*DM<UF5_<9NXKic+c;
z;MT2MghC;Ip4tki{{DUng#rMbot<=ccKYB31_nr{(_6CTjY+p|-2y;F>O@2$-jEjv
z1hx$7%$YMjsQvr*bL7YojvP5cPfrg3g+hVTr%y9EIk_d9fj|Ib46f@UA`$WO4ERU*
zew<FHIeq%{x=8i*_M){$Yt7-qhe;-r>(V+kHT6Kd9^LUxmV&{cZ|HuzN~KbqI(5ni
z)!p4qZ*T9qo+lz4K75$&?rz`anKNe|SaY85U@(Y?EQyFr2Lb^?p%5!8D;Q%oRlaoT
zk`Jn@tBa#Yk8aqAMTDbAkMhJ5PxxuQbm`Kjc3sycpU)Etg|I9OrBqr(<cf$;US5td
zhA+POVp9Vi_4M@6*VlL7+d)Lu)tpx<8}Y)z0>&81%genqUbU1`|5Zx;XwRNK+_-Ur
znVFeQJHJwj?(S~-`uf%Zy&v`U^`W(<SS;Q%f_pSQJq<uC7V~8OBU<Z!X|1WRulI#E
z+gT!!;Q8mD-_||qrPUjAHewH0Lqh{vYb?w9w{&!LjETsn(P)&4iVBvNmdIo>8yaY8
zYWhZ(yNGamjJ}66nGBBOP+3_?Wo0EIa=E>|{eJ?Wwf>8U(9zKWz{QIf?^_c)#Q<Yt
zV*qq?ba>OnpW*h{lh5b>C?fXbk3UXjWhIM?i;RztKlFL*+O=!kym^yoH0otzer;{-
zZ68=7k;rMS|6o}bPd)V%N-0K1N12<OduY+hX0u$lZ~>(hPd@o1mSrI#zin@CcYI&~
zQ&UrKipYg{JWfwf53cL-;fEjkm-|k#<2a0rjNrO1$z+mvJdW0Sw7I$YEx!ZYd2Cau
z)VFT`zU>+r8R5#6E0mO!aPZ(k;_>*F+QWnB#*G_{jEu0dvO;TXD~AppLMi1KW0Flx
zP5$rOJ<Vuxa<We;^*7gbt>NKeu3o*0h>%Ps*|%@smiyP;WQ^hR<;$Eue;(I$X=`ia
z;K754$eQcAKWJ=h{KuX08+u8lQa@En{lyq#jgF4;$tR!Sx-RAA<#cs*(b(9yEr8S0
z(|r8#$NnIA;J^VoJ3CQItr=r}R$pKL-rYKzTA!Vr?KQ@n1R}GuvkVOlk<DfSh(sbh
z_Sj=IG&B&4#n4)>(=8T@%+1X)IXTJX<Rp&s)st9tbu~{v{j^sWi@=X-YHHR+>Vd!j
zve|5_>$<0aF4uLre*HS<&!1;*ZtiOXN>N%`iZ`JY3I&#zm)AW*#bPm%$s{c;EncKY
zl~OOqVzKL+`F>zNj4@U=n|%#<Ln##nux*=(i3!r_G`4N~5%DMzi4cuOsjI7_xw)CD
zsw!{EHpcv}y1M!;rBv~Lez#mGb8~ZLTI*MVUjXfQt`&<#f9?+i0{5gA_!M}jSS-FB
zi^X>4sdFQmpPz3Rk!OuD-&abt0u6lqIJ^X;j4@Z0QXjdl`_E`JdU?A({tteLPT9R|
RKkEPh002ovPDHLkV1j@aL`(nx
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop.png b/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-backdrop.png
deleted file mode 100644
index dbc3f59c711c5583ebb7e0d06c006c15b32edc41..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 693
zcmV;m0!safP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00004b3#c}2nYxW
zd<bNS00009a7bBm000ie000ie0hKEb8vp<R8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10y0TNK~y-6wUoh%+E5gR|C<D%D5zOQJKZJeLJ&ly8%J8C>*;Fx
z0@J>MioSpse1X!^2bfv)0mdn#AhS>`f(w%_gkcgF#YRwfxwng&H0q?dX#Z92f6o2x
z$+_GE{9}=@K&@7LEeOInfKvb`Tl=1K-XnxuQA)3m0yY{Aopb&vnM{^7O@pE+h{a+6
zfYoXR+qPkvCLG7PbzS#eyWKWJf%SU5EJ@OrLZOh<bsdB}{sW9L7>0qtVDOW3e%5NW
zdI!KpqoE6ea962Rl8T~)bz(>J`5c{2XW_c;3rgvC01yJFekc};N5cR>Q559!c^SZG
z&l7;(7a+^>D^1gmhI!I;9f?Gu+-x>0K9CUdR@1c5o{h(2j7FnJV}c++RaG#?&H+H$
z0!yh>Dik&zkNtHnmpjNwr_%sX_JIJNMx)VCST>u5D2jfS`_S#)lOPbB^H5keoAv!L
zC;$fhx#fq=W^(}Chh;Ju<Z?MoCX=1q^?D5e55Wq1mSsJU$K!s|J}d}zU3bT`EDMB?
zZm_~j(=@>t+X03t7-NjVG)-{MuY4e-^xAQp8^bU{Az?BM1Iy*|mQs2XtPqkUT?~iA
zAM^SAXqau=7!HRE02iJodLP|x*C~}sceB~-EE0)4k!AU>!(lp|qTlZ?7-MfJrQf{R
z!H#ORs)?fbF_B2TR8<w}bb4oeS(fFEudjrV_ufzl1$t^Wo0aWzItB1-Yu^Lt0l4&f
b_TTjjz8mj^IX4TK00000NkvXXu0mjfB(y9o
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover.png b/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-maximize-hover.png
deleted file mode 100644
index 18749bf6ae231c764a45ecca3675abedd5c4fa55..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 1053
zcmV+&1mgRNP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00004b3#c}2nYxW
zd<bNS00009a7bBm000ie000ie0hKEb8vp<R8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H11DZ)hK~y-6l~qeiYgZKh_Bs0)6Jv~uF;x>uQl$6@q{hcc0)h@y
z^e6}?4*U<jwze~e_1^vo5fo$6`j}<lC=epvnjlsLYm8P!0>&JT=Mcl$om_)4DcpXr
z275iewbtHi?@dqvfk2>2Q4|rtBq8K`0Bv7P|1ie><T!3ir_*iC&d%oF$CCGowY9Yw
z03RP8AD!837P(vwFE1|u06`E?Q&R)8*$ku6_%~zhr@6Vg-zyRZ0s)>eww%xBKcrGA
z7>!1Fy<WInF4Wi80{}9a49?EZaBy&dTrLN@-44B8|J(8L@#50bk_G_ul~53bWm%R#
zB$G*ujEtbazaNB@Hej(>V6j**I5>#?{e6VPVK|-6g`S=s4Zvct!kwL+8AVZoCnqQH
z`~7e@9F?}V4Cm+PSYKa9XJ;q$dc8O?F|kDgfk2hfX#6XYNVtZEhS1m7_f=%Ch{a-v
zL?Upz-N{@o_Z?SPS0~D{?5eJ=MsIH~7-RoSyk0MKIvt*#o*ZVgd6J`)PNmancsw33
z#-M3hnQUxqV0Cr1q748%9uLy#G$^H$R1k#TY&Hvr!vV%vSxdoS5SyEu#kJq>FY|Fa
zorpvtpp<$krSuy`QD8EeiWy%K3WX311|dljs;a86va$lk7$iw5@vE(^g{rEcl(tfy
z=RpX8rfDS=hC(5PLLo?!gqfL{qP`L-V+@24P)apU5QH0p!GMQ{hmyT{C7Yg}hN`Mi
zRTbmo<CveH$L{WKiEk#8fx%z^rSyhUN<TL>HFYGDNi;S#7PCr{1W^>Bs%lZEsw&3D
z#*okFOS(xWlW1;k2Bq|X<9U9|>2x9<kE2j16tjw=2t`rKPE}D9h@x0r7YYT$<8e3~
z4)8p`%_)lVhs|a?69fVAc)U1Y&(F{QIeTwyhlhs{1OaVrZRY@XIIq|H!t?y1&*wul
z8bvCV`s$&+xVS(x8imj2gCGb$bai#*i?{#s^77N|?d?K19LB)F0NidjIF74u*#J$`
zkVqsDi^VWHI*OK-mSvmG_A~J2`C^Q5H#axGX0zEJ_xARnC<?l}yV2g>4wK0Q0FY%F
zsZ<I_M@KLi3>Y3BhS_ZXXti2@A%tipgs-@}yPG0}e7d^2`u6nn6xY|+kYyPFU^1D|
z+S-bajt<!E_A^b>7OYn5_S^U}!Y|bd_xJZxgpf%9y?FBl0Qk%p+iGZN*d~O$ypR1C
XZ|xl?JCs~`00000NkvXXu0mjfZN1rF
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop-dark.png b/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover-backdrop-dark.png
deleted file mode 100644
index 6fe1a036937988204f9d7720a058481bc249b5b2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 733
zcmV<30wVp1P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00004b3#c}2nYxW
zd<bNS00009a7bBm000ie000ie0hKEb8vp<R8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10$NE#K~y-6t&~qs6G0fppV_vdbz5L}%b~mFBuj5bPhO-!8baGd
z@q}Lh{Y*yV2Y{1kQrjpP?1dwG!Ps)K?GjygRtSVGWp_NZvvFOPG|}fY^Zxl|=AC(8
z;6IB*Ib>O0_8_bgumu45k+}n~ra;K1Wm)gX0%o(>dDrt^i0MpGRaHo`jASwe0C1dh
zP)c!R7&tpS-E{@w$%$#UB7xJ>GsRdOujcf5N!2tEa`gomV=#JMv|BCPbFpgMW-|oL
zX0!7QWbfAPJCY<xQI!bDwkbaEf1(4z?w*)t8vq3EbY1pL*9&9A06>yt+|=jfnCrge
zHUStufS5_&&uQw|FfL8YLliT`DMcyyKo7!WRaGNvcAW?zP}Lj+#@2iw0lO#3N+59c
z;e$v>wY(D84|7S;2LjNN$z&jCxwLd8v|3(4wNeh)lBpCh`l~`HW2CLuZ$eNGtJNEU
zSjHFtcmNO|*?NxS6hu+<gWhfLAdyI*S}9|2aWMo|%Ba1qhk$*@0f3$lWFSpStpE@J
zYV`&NgMoj_TD=j10RW{I0QS)b#t7RuGK}?nem3;d{G=TCw-{qMG7NZxYyy9DiYzPJ
zdZDnS<!3`l*Qwk2hF0tAu5DS1K%i4D*ALt6pVX#f!)!`%*gmALAgps+j4%5A{;!FN
z8++!D@2l}dJeA2zUOOCm-44DS98k|?kB%*KpZh`?lQT1V?9zKKrqhe6nu8=O{GY)&
zKL@4OaD1JfeQ@K#Q$7?Tfm~CHQW~}sSpdKb+W}b9BV^;)vUbKR%s=WkFAnX58)9-S
P00000NkvXXu0mjfS-3hp
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover@2.png b/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize-hover@2.png
deleted file mode 100644
index 5f798019a56c54c09bec1e033b67a41e9a973dfa..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 2281
zcmV<F2p0E=P)<h;3K|Lk000e1NJLTq001Tc001Tk1^@s6s6FYf00004b3#c}2nYxW
zd<bNS00009a7bBm000}W000}W0bUxB8~^|S8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H12xdt{K~z|UwV2&+T*VoOpLu6vui31PckRWFy-S>JVkfSZfZ{YM
zAdwJIf@0Jnl*nx(wMBtSh<~6e7bz|`PzWSKYH8qtVx&l}gwukewsvBnQp{RQD;i?Q
z2H}&~R(2gb-m@Ej>^aj5XBRt;zaadib2T&XJoB4#&b;p^zJcC;`|Yi+>pleR1ZsgW
zu=Yl?4GaQ(#+Z+^)*XirAO6p3=TIx{c=F^)e_>(aQ^uGlfz5N<j4?Ql1Ax{Vr51!e
z51cG4Ed1lag9q)~0@m5t=@}XtdKUN%5CE8*oMd8Rf^<5~<m4pTY<AulkH>@8>&55u
zQCwV%*XzwSjT&QGs;a6^?B2b5{-D)>wYIj_iO9Rgm~F-w#>dA=BobV|em&nuMDY9l
z6crT#aQ*sqQmGWK>*o7-y<S405O>~rXU@&I*1GxN!Gpc420L}?)MLh&cYw9&bQ;UD
z@<730kS$xbuzB-ls;jH<cs%pQX0ur=%i{CTKj-}U^IW}p6@a3mBEsP?KA#UD1^o2T
zp+l!v4A$1xcGwv6rZL7dGBU!@&=AHL%FD~yyLT@Q4GoK}=a%a4@8|vZ-)CfG1f>+~
z)~%zWq5`E<7Wl;zPdxGGWx?9o+8$F%wHaePUw-)|$z&3(HIF{}C_8rSKtxsrm6Pkb
zeEjjpeDJ{sIF3VESs67oH95E+KmPdRe_a&p^y$+Z9mnZ0#`wSZ;tLXq1b5tV2hGjR
z)YQ~`BcPi#I5<daYb&;GQ&v_+G#W)IWoxY)o0^&~<oe~8-`Uyeab5S6i1>$xhe;$7
z_<TN|e)?(FuV0Tb=C(ZHaF`=Uj^Ok8NG6jE4-X?EYmG7Qbar-n7Jy|knP;`u+ics$
zvMjXL96EG}Kp=2ioSLgZAV70-Gg@mb%OaglBO>?Ow*AaJurp`Q_>@w=R!T82Fn}?J
zef##^R;O-$B9RD>Jn{&}7zPFgP)eb-e(t^Z-t*_dj4{6wk+NhmNjjaTtgMXf+qZvb
zP`PKvjva(TA#B?wnM@)g!GeN<BY7|pc~V5MEDL~#AAT66)OQZ1lw!}GJpfpig@~ZF
zeiA@BIy$zB$mUEYgKgUc0s(4kYj68|wV3Ma>L@KO#kOrSnG7Pb<;<Bg-xsCSUad9B
zWD<bd+S>2jshgji5u>A{XsszID0oP;);|yt#>U2$1&hUEWV6{-Pn^wWiN#{ef{l%h
zAtH##E)kJB5y7@?lu}eyRxTQ#r>BP(Uwo12>FHHL9Xoc6o}QjX`&3p|qLjk6?HpLG
zD5cf`OifKuTwJ{1K%OfRAs&x&{P^*F{<V}G$KlmiU!}Xdd(&6+j%{eGsVrgHOC
zi-`DhlN1&fF1h-gy1To1>7|#JbS|6C=Am+0Dt2ye*L4vQzud5HMS~9<I6!G>DFE?!
zoR?pI`Ic}uLzR@2uz&yl6)if)BO;P2C@27CGt;F8S65fl($bQL`}EUKdF7Q?=D}sN
zSzdeXH9q;|lRVV(&p*%Ici+8a?5U|Klu{HF6d)og5s{%aYu4cPdP${H3)1Adnx3Af
zs;X)M+_7WFn3<WuaU6~xKfVAe5{WQ9J-uk$nVA_<sT5wX7mvq-QtFb3$ORFhq@)C6
z43{roUUXHC<B-W@sH&>s=+UE;l$7M*PMkP#OQ#}{2$@U<$8i>on@dDXN=kCu*egn@
ze~Sor-E|iLeSLjPTJAUw>2#V%B*F_XypVS;7K;&!#qv-sEiFVM5z^`Ol2FDNdV6P6
z|4=BDJC^<>TI+vktqF(2z-$`4+`q|j9BkWO;M`oN!r?HsZ7&ODjG@23AAm?Cg4P<3
z$Ma8VXlVGah<p|d1}QBqWo&GWix)30`ab03x-PbD&vS0BQ?_l-tCSW~Utb^N<KqMZ
z0Rn*lB67aIzW#q60Il^~#+ctXG&IoF)y3JfXW6h}!?O9k<2a;Jsl0Ol;c$3C`L@*J
zy1KdmXlQ6aL{Lio32vl4larHw5Rv4D4I2mq0$ja%m3Tb9q9ey~9400vh(sbpA`vDg
zCRVh4#>^gZqobn)gF$L)Y7mjpY&QEw9&GE@t!b_G?>rt4_uqd%N-55sJ<H(W;ELg{
zUAxA$Yu8o`Wmy(oU0o=pxbMFE@OV6k$kF=xdOHsWFgQ4PLPX*f6%}mXz8%MLXm4+4
ze0+S_Ey-=mO12MRe0-et_I4b{p|P=%ii!%f);-Z^^z~eydF7jBS>L-+z7?N4ca94e
zE>KidL{n2!{;U1Ax_tRE?d|PkG8r~)+QjbNyHQHn#+b&Mnwot1wxHns>Z`Aslv00j
zUDwmu*-3A2FIsCJc;ErHZQJ&(3f_1;&W9g<h~qfa)z$IfgAXDiS=V)cw0`~izs>D`
z%PRuQvVNwNddnE&>FMdAySp3LbqNFl?Ao=9jT<-K>Z)l`4Gs=+?%cUt!NJa*JGtkc
zdr(ScjWItDhr{pOJZ918BO@aRj4`c%e`I8Yj*bozi3BkF6OBfrM59qED=X1j&l~GF
z4#UI4^!N8OFfhQx!~_84<>l<zvxka`3V;dVCzX|z^PE~13?Pw6Y;s-qUEp5Vb-8%)
zBC%MED_5?39Y863J|BgJg}`jWnNFwYr81#Vh{ndoxlZ>erJ6&b(4v3xW%t7v<4GhE
z&j8OUrGfy-WRih_0WMv-L^7Ggw&!0G`u%=_!64Pu)kLFF%F4=eO-W<SZ_CTeUsp;k
znF6o)MY(e2%37`UQ@}5Q`nhe6<1jNb1I(t$H*YQQ8Stj#IB$ePq1$uSc`J>Mj@FCF
zUSrG;l~S942wz_grvS?s)2o#F$aUSn2ZO=$tDWQjw5u8xL2R)C00000NkvXXu0mjf
DoB(BO
diff --git a/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize.png b/gtk/src/Zukitwo/gtk-3.0/assets/titlebutton-minimize.png
deleted file mode 100644
index f6fd8ebe306bf49848afd4457c82dae47ce0690e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 1058
zcmV+-1l{|IP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00004b3#c}2nYxW
zd<bNS00009a7bBm000ie000ie0hKEb8vp<R8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H11D{DmK~y-6l~vDAB3TgrUiWJVKa^Ht#2;W}4B24lgXqB<K@W&A
zY9^Wx5B?83&boW^xX$c9;YE`US%E~O7tS7JgGQDRXH`@r1_YV`F%Y`<Fe9<WO?E1&
z!>d>Iz543at4HvLh@z;e)oP0X<_RHV00zHr-71Rm7sD_ityUXaUS6)hjwP=R+uPgk
z0et%U^{ZWyBvh+aG#U*60LO7K7!2Tf9!8__A4O4qSy@^6^G!fe6j?=4HtY5Jhjcm(
zgTVl|+l}GjVemW;04SA8xVX4LEEdD#<0EV~8+1C|ABjX_ePd%o1_1gD$Z_0exm^Bm
zd3g!1*9*7X4MNle%w{vpW;5JwH)63EqR}YqcKe#k<&pucw=#@GBJXRpS}>VRVrgj!
zLqkJvm9|Z;uC5Ra2H|u%q0{LW=jP@@L=;7h(P;ep<mBYt<m4pA#>V~^*t5i9F&rHo
zK@fz?YPI?kV=|c*%jNPrjYb1O5YTKke@F#E0LO8tR4T(f&(AZI(uG_u2SE^^C<<g*
z{vibbm&=7*E(c2KJi~FETaqMLtyYzzD2o3Hvb(#hTH9<k6pKYrO2-*WX<w~YgTY`>
zQQ6<$hbW3|6hom9!r`#WW-u7=^z;Nu=>WsBEC?ZJHk+zbS65eYaBzTNFxaw1A`wI)
z5d;E(wyX&upp?p#<G4G$UhgQE%joLrYTe%S^fc=AI(Bw;K<T%3-P_wkAP~Up>@3RV
za?4keB<S^eP)hG8r8L&l)8j~|(=eG#Dks0+4~<5Ht*tEpKp+r+-|t7MR8qB0I-N#u
zZ!ajN$CPE+klk(%93LOU>2!i&n3iL)ScKQ>MZNxQ2F%RNpja%bz+_oQGMU80!~|HD
z4bxh!wrjOoznq<&jU*BYIGs*aK%r28&*uXGJUl$KHFhGAfL5!;;NajzqtS>k<KyEE
zmSxvH9uMO2I5L?`Tfy`BJo5Q`oBj6o7V&r-9*+kc$NfAyI$CeN{_E@O&)IBt?eOpr
zf*`=*aH#0NrkP5maC&+QpU;Q>{{Bs?)%q*&Vtgrz!ra~6{Vqw;$7nQ)N~MC4krDLu
z^}%Q~0stzN3bNTO&d<-$(b0jasVVS0|H)#p{6+|oRe;ZOe}BI~2>E<-b2E}krI5*F
zS}oGq*@=OH0XQ5E*le~hvMjGzESB)g_%^`r*>Z(KVSx}b55SEVUjTrZq9~#6?(Q%l
cr13iTU*l&aNDi+$2LJ#707*qoM6N<$g6Op8hyVZp
diff --git a/gtk/src/Zukitwo/gtk-3.0/install-zukitwo.sh b/gtk/src/Zukitwo/gtk-3.0/install-zukitwo.sh
new file mode 100644
index 0000000..be88e62
--- /dev/null
+++ b/gtk/src/Zukitwo/gtk-3.0/install-zukitwo.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+set -eu
+
+theme_dir="${MESON_INSTALL_DESTDIR_PREFIX}/$1"
+project_name="$2"
+
+install -m755 -d "${theme_dir}"
+for ver in gtk-3.0; do
+ install -m755 -d "${theme_dir}/${ver}"
+ ln -sf "../../Zukitre/${ver}/gtk-zukitwo.css" "${theme_dir}/${ver}/gtk.css"
+ ln -sf "../../Zukitre/${ver}/assets" "${theme_dir}/${ver}/assets"
+done
diff --git a/gtk/src/Zukitwo/gtk-3.0/meson.build b/gtk/src/Zukitwo/gtk-3.0/meson.build
index 9abe116..a87eb52 100644
--- a/gtk/src/Zukitwo/gtk-3.0/meson.build
+++ b/gtk/src/Zukitwo/gtk-3.0/meson.build
@@ -1,36 +1,2 @@
-gtk3_dir = join_paths(theme_dir, 'gtk-3.0')
-
-# theme sources .scss files
-
-# The files that need to be compiled
-gtk3_scss_sources = [
- 'gtk',
- 'gtk-dark',
-]
-
-# Dependencies of the files that need to be compiled
-gtk3_scss_dependencies = [
- '_colors-public.scss',
- '_colors.scss',
- '_common.scss',
- '_custom.scss',
- '_drawing.scss',
-]
-
-# Generate .css files and install
-gtk3_scss_dependencies = files(gtk3_scss_dependencies)
-#
-foreach f : gtk3_scss_sources
- custom_target('zukitwo-generate_' + f,
- input: f + '.scss',
- output: f + '.css',
- depend_files: gtk3_scss_dependencies,
- command: [sassc, '-M', '-t', 'compact', '@INPUT@', '@OUTPUT@'],
- build_by_default: true,
- install: true,
- install_dir: gtk3_dir,
- )
-endforeach
-
-# Install asset files to themes/ThemeName/gtk-3.0/assets
-install_subdir('assets', install_dir : gtk3_dir, strip_directory : false)
+# CSS and assets are just symlinks
+meson.add_install_script('install-zukitwo.sh', theme_dir, meson.project_name())
diff --git a/gtk/src/Zukitwo/gtk-3.0/render-assets.sh b/gtk/src/Zukitwo/gtk-3.0/render-assets.sh
deleted file mode 100644
index 4023a5e..0000000
--- a/gtk/src/Zukitwo/gtk-3.0/render-assets.sh
+++ /dev/null
@@ -1,35 +0,0 @@
-#! /bin/bash
-
-# INKSCAPE="flatpak run org.inkscape.Inkscape"
-INKSCAPE="/usr/bin/inkscape" # comment this line and uncomment the above line if you're using a flatpak install of inkscape
-OPTIPNG="/usr/bin/optipng"
-
-INDEX="assets.txt"
-SRC_FILE="assets.svg"
-ASSETS_DIR="assets"
-
-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-filename=$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-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null #\
- # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png
-fi
-done
-exit 0
diff --git a/gtk/src/Zukitwo/gtk-4.0/install-zukitwo.sh b/gtk/src/Zukitwo/gtk-4.0/install-zukitwo.sh
new file mode 100644
index 0000000..a607c44
--- /dev/null
+++ b/gtk/src/Zukitwo/gtk-4.0/install-zukitwo.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+set -eu
+
+theme_dir="${MESON_INSTALL_DESTDIR_PREFIX}/$1"
+project_name="$2"
+
+install -m755 -d "${theme_dir}"
+for ver in gtk-4.0; do
+ install -m755 -d "${theme_dir}/${ver}"
+ ln -sf "../../Zukitre/${ver}/gtk-zukitwo.css" "${theme_dir}/${ver}/gtk.css"
+ ln -sf "../../Zukitre/${ver}/assets" "${theme_dir}/${ver}/assets"
+done
diff --git a/gtk/src/Zukitwo/gtk-4.0/meson.build b/gtk/src/Zukitwo/gtk-4.0/meson.build
new file mode 100644
index 0000000..a87eb52
--- /dev/null
+++ b/gtk/src/Zukitwo/gtk-4.0/meson.build
@@ -0,0 +1,2 @@
+# CSS and assets are just symlinks
+meson.add_install_script('install-zukitwo.sh', theme_dir, meson.project_name())
diff --git a/gtk/src/Zukitwo/meson.build b/gtk/src/Zukitwo/meson.build
index 87d7801..01929b5 100644
--- a/gtk/src/Zukitwo/meson.build
+++ b/gtk/src/Zukitwo/meson.build
@@ -10,3 +10,4 @@ configure_file(input : '../index.theme.in',
subdir('gtk-2.0')
subdir('gtk-3.0')
+subdir('gtk-4.0')
diff --git a/meson.build b/meson.build
index 2fb3f73..0a45c8b 100644
--- a/meson.build
+++ b/meson.build
@@ -1,5 +1,5 @@
project('Zuki',
- meson_version: '>= 0.45',
+ meson_version: '>= 0.51',
license : ['GPL3', 'LGPL 2.1'],
default_options: ['prefix=/usr'])
--
2.33.1
distrib
>
Mageia
>
9
>
aarch64
>
media
>
core-release-src
>
by-pkgid
>
0edb3384199b39291736eb213db64508
>
files
>
1
