From b7c788c7f4c2c2f20a2d01d483ee4bef1f4bad78 Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Tue, 26 Aug 2025 19:05:13 +0600 Subject: [PATCH 01/17] updated gtk3 and gtk4 color path --- dotfiles/.config/matugen/config.toml | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/dotfiles/.config/matugen/config.toml b/dotfiles/.config/matugen/config.toml index e3aa7b093..9c6f1e6b4 100644 --- a/dotfiles/.config/matugen/config.toml +++ b/dotfiles/.config/matugen/config.toml @@ -19,13 +19,21 @@ input_path = '~/.config/matugen/templates/rofi-colors.rasi' output_path = '~/.config/rofi/colors.rasi' [templates.gtk3] -input_path = '~/.config/matugen/templates/gtk-colors.css' +input_path = '~/.config/matugen/templates/gtk3-colors.css' output_path = '~/.config/gtk-3.0/colors.css' +[templates.gtk3-theme] +input_path = '~/.config/matugen/templates/gtk3-colors.css' +output_path = '~/.themes/Material-Gnome/gtk-3.0/colors.css' + [templates.gtk4] input_path = '~/.config/matugen/templates/gtk-colors.css' output_path = '~/.config/gtk-4.0/colors.css' +[templates.gtk4-theme] +input_path = '~/.config/matugen/templates/gtk-colors.css' +output_path = '~/.themes/Material-Gnome/gtk-4.0/colors.css' + [templates.pywalfox] input_path = '~/.config/matugen/templates/pywalfox-colors.json' output_path = '~/.cache/wal/colors.json' From 9d4bfc18e69c63d68853853b42185524ce0fc2de Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Tue, 26 Aug 2025 19:08:41 +0600 Subject: [PATCH 02/17] added different color file for gtk3 --- .../.config/matugen/templates/gtk3-colors.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 dotfiles/.config/matugen/templates/gtk3-colors.css diff --git a/dotfiles/.config/matugen/templates/gtk3-colors.css b/dotfiles/.config/matugen/templates/gtk3-colors.css new file mode 100644 index 000000000..b2d5bc981 --- /dev/null +++ b/dotfiles/.config/matugen/templates/gtk3-colors.css @@ -0,0 +1,16 @@ +@define-color color0 {{colors.surface.default.hex}}; +@define-color color1 {{colors.on_surface_variant.default.hex}}; +@define-color color2 {{colors.secondary.default.hex}}; +@define-color color3 {{colors.secondary.default.hex}}; +@define-color color4 {{colors.primary.default.hex}}; +@define-color color5 {{colors.primary.default.hex}}; +@define-color color6 {{colors.primary.default.hex}}; +@define-color color7 {{colors.on_surface.default.hex}}; +@define-color color8 {{colors.surface.default.hex}}; +@define-color color9 {{colors.surface.default.hex}}; +@define-color color10 {{colors.on_primary.default.hex}}; +@define-color color11 {{colors.on_secondary.default.hex}}; +@define-color color12 {{colors.primary.default.hex}}; +@define-color color13 {{colors.primary.default.hex}}; +@define-color color14 {{colors.on_surface_variant.default.hex}}; +@define-color color15 {{colors.on_surface_variant.default.hex}}; From c143caea38b6f4a6211b2db5a0ed6368c978f18f Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Tue, 26 Aug 2025 19:09:58 +0600 Subject: [PATCH 03/17] Update gtk-colors.css --- .../.config/matugen/templates/gtk-colors.css | 68 +++++++++++++------ 1 file changed, 46 insertions(+), 22 deletions(-) diff --git a/dotfiles/.config/matugen/templates/gtk-colors.css b/dotfiles/.config/matugen/templates/gtk-colors.css index 8206ede7f..b16b8efd8 100644 --- a/dotfiles/.config/matugen/templates/gtk-colors.css +++ b/dotfiles/.config/matugen/templates/gtk-colors.css @@ -1,22 +1,46 @@ -/* -* GTK Colors -* Generated with Matugen -*/ - -@define-color accent_color {{colors.primary_fixed_dim.default.hex}}; -@define-color accent_fg_color {{colors.on_primary_fixed.default.hex}}; -@define-color accent_bg_color {{colors.primary_fixed_dim.default.hex}}; -@define-color window_bg_color {{colors.surface_dim.default.hex}}; -@define-color window_fg_color {{colors.on_surface.default.hex}}; -@define-color headerbar_bg_color {{colors.surface_dim.default.hex}}; -@define-color headerbar_fg_color {{colors.on_surface.default.hex}}; -@define-color popover_bg_color {{colors.surface_dim.default.hex}}; -@define-color popover_fg_color {{colors.on_surface.default.hex}}; -@define-color view_bg_color {{colors.surface.default.hex}}; -@define-color view_fg_color {{colors.on_surface.default.hex}}; -@define-color card_bg_color {{colors.surface.default.hex}}; -@define-color card_fg_color {{colors.on_surface.default.hex}}; -@define-color sidebar_bg_color @window_bg_color; -@define-color sidebar_fg_color @window_fg_color; -@define-color sidebar_border_color @window_bg_color; -@define-color sidebar_backdrop_color @window_bg_color; \ No newline at end of file +:root { + /* 🌈 Base 16 Color Variables */ + --color0: {{colors.surface.default.hex}}; + --color1: {{colors.inverse_on_surface.default.hex}}; + --color2: {{colors.on_surface_variant.default.hex}}; + --color3: {{colors.secondary.default.hex}}; + --color4: {{colors.inverse_surface.default.hex}}; + --color5: {{colors.error.default.hex}}; + --color6: {{colors.primary_container.default.hex}}; + --color7: {{colors.on_surface.default.hex}}; + --color8: {{colors.on_primary_container.default.hex}}; + --color9: {{colors.surface.default.hex}}; + --color10: {{colors.on_primary.default.hex}}; + --color11: {{colors.on_secondary.default.hex}}; + --color12: {{colors.on_primary_container.default.hex}}; + --color13: {{colors.primary.default.hex}}; + --color14: {{colors.surface_container.default.hex}}; + --color15: {{colors.on_surface.default.hex}}; + --color16: {{colors.on_error.default.hex}}; + --color17: {{colors.surface_container_high.default.hex}}; + --color18: {{colors.surface_tint.default.hex}}; + --color19: {{colors.tertiary_container.default.hex}}; + --color20: {{colors.tertiary.default.hex}}; + --color21: {{colors.on_tertiary.default.hex}}; + --color22: {{colors.surface_container_highest.default.hex}}; + --color23: {{colors.surface_container_low.default.hex}}; + --color24: {{colors.surface_dim.default.hex}}; + --color13-r: {{colors.primary.default.red}}; + --color13-g: {{colors.primary.default.green}}; + --color13-b: {{colors.primary.default.blue}}; + --color0-r: {{colors.surface.default.red}}; + --color0-g: {{colors.surface.default.green}}; + --color0-b: {{colors.surface.default.blue}}; + --color2-r: {{colors.on_surface_variant.default.red}}; + --color2-g: {{colors.on_surface_variant.default.green}}; + --color2-b: {{colors.on_surface_variant.default.blue}}; + --color5-r: {{colors.error.default.red}}; + --color5-g: {{colors.error.default.green}}; + --color5-b: {{colors.error.default.blue}}; + --color6-r: {{colors.primary_container.default.red}}; + --color6-g: {{colors.primary_container.default.green}}; + --color6-b: {{colors.primary_container.default.blue}}; + --color18-r: {{colors.surface_tint.default.red}}; + --color18-g: {{colors.surface_tint.default.green}}; + --color18-b: {{colors.surface_tint.default.blue}}; +} From 37e81a7fcb8f564cc76b642d97cae0fee4cf567e Mon Sep 17 00:00:00 2001 From: Sakib Date: Tue, 26 Aug 2025 20:07:42 +0600 Subject: [PATCH 04/17] added theme --- .../.themes/Material-Gnome/gtk-2.0/apps.rc | 92 + .../Material-Gnome/gtk-2.0/assets/border.png | Bin 0 -> 123 bytes .../gtk-2.0/assets/button-active.png | Bin 0 -> 320 bytes .../gtk-2.0/assets/button-disabled.png | Bin 0 -> 323 bytes .../gtk-2.0/assets/button-hover.png | Bin 0 -> 331 bytes .../Material-Gnome/gtk-2.0/assets/button.png | Bin 0 -> 342 bytes .../assets/checkbox-checked-active.png | Bin 0 -> 593 bytes .../assets/checkbox-checked-disabled.png | Bin 0 -> 547 bytes .../gtk-2.0/assets/checkbox-checked-hover.png | Bin 0 -> 585 bytes .../gtk-2.0/assets/checkbox-checked.png | Bin 0 -> 532 bytes .../gtk-2.0/assets/checkbox-mixed-active.png | Bin 0 -> 517 bytes .../assets/checkbox-mixed-disabled.png | Bin 0 -> 512 bytes .../gtk-2.0/assets/checkbox-mixed-hover.png | Bin 0 -> 506 bytes .../gtk-2.0/assets/checkbox-mixed.png | Bin 0 -> 491 bytes .../assets/checkbox-unchecked-active.png | Bin 0 -> 442 bytes .../assets/checkbox-unchecked-disabled.png | Bin 0 -> 448 bytes .../assets/checkbox-unchecked-hover.png | Bin 0 -> 440 bytes .../gtk-2.0/assets/checkbox-unchecked.png | Bin 0 -> 484 bytes .../assets/combo-left-entry-active.png | Bin 0 -> 333 bytes .../assets/combo-left-entry-disabled.png | Bin 0 -> 241 bytes .../gtk-2.0/assets/combo-left-entry-hover.png | Bin 0 -> 314 bytes .../gtk-2.0/assets/combo-left-entry.png | Bin 0 -> 258 bytes .../assets/combo-right-entry-active.png | Bin 0 -> 344 bytes .../assets/combo-right-entry-disabled.png | Bin 0 -> 242 bytes .../assets/combo-right-entry-hover.png | Bin 0 -> 349 bytes .../gtk-2.0/assets/combo-right-entry.png | Bin 0 -> 246 bytes .../gtk-2.0/assets/entry-active.png | Bin 0 -> 494 bytes .../assets/entry-background-disabled.png | Bin 0 -> 126 bytes .../gtk-2.0/assets/entry-background.png | Bin 0 -> 126 bytes .../gtk-2.0/assets/entry-disabled.png | Bin 0 -> 323 bytes .../gtk-2.0/assets/entry-hover.png | Bin 0 -> 478 bytes .../Material-Gnome/gtk-2.0/assets/entry.png | Bin 0 -> 342 bytes .../gtk-2.0/assets/flat-button-active.png | Bin 0 -> 320 bytes .../gtk-2.0/assets/flat-button-disabled.png | Bin 0 -> 290 bytes .../gtk-2.0/assets/flat-button-hover.png | Bin 0 -> 331 bytes .../gtk-2.0/assets/flat-button.png | Bin 0 -> 290 bytes .../Material-Gnome/gtk-2.0/assets/focus.png | Bin 0 -> 288 bytes .../gtk-2.0/assets/frame-inline.png | Bin 0 -> 128 bytes .../gtk-2.0/assets/frame-notebook.png | Bin 0 -> 134 bytes .../Material-Gnome/gtk-2.0/assets/frame.png | Bin 0 -> 134 bytes .../gtk-2.0/assets/handle-horz-active.png | Bin 0 -> 190 bytes .../gtk-2.0/assets/handle-horz-hover.png | Bin 0 -> 196 bytes .../gtk-2.0/assets/handle-horz.png | Bin 0 -> 197 bytes .../gtk-2.0/assets/handle-vert-active.png | Bin 0 -> 182 bytes .../gtk-2.0/assets/handle-vert-hover.png | Bin 0 -> 181 bytes .../gtk-2.0/assets/handle-vert.png | Bin 0 -> 180 bytes .../assets/menu-checkbox-checked-disabled.png | Bin 0 -> 458 bytes .../gtk-2.0/assets/menu-checkbox-checked.png | Bin 0 -> 424 bytes .../assets/menu-checkbox-mixed-disabled.png | Bin 0 -> 407 bytes .../gtk-2.0/assets/menu-checkbox-mixed.png | Bin 0 -> 382 bytes .../menu-checkbox-unchecked-disabled.png | Bin 0 -> 330 bytes .../assets/menu-checkbox-unchecked.png | Bin 0 -> 389 bytes .../assets/menu-radio-checked-disabled.png | Bin 0 -> 459 bytes .../gtk-2.0/assets/menu-radio-checked.png | Bin 0 -> 433 bytes .../assets/menu-radio-mixed-disabled.png | Bin 0 -> 407 bytes .../gtk-2.0/assets/menu-radio-mixed.png | Bin 0 -> 382 bytes .../assets/menu-radio-unchecked-disabled.png | Bin 0 -> 330 bytes .../gtk-2.0/assets/menu-radio-unchecked.png | Bin 0 -> 389 bytes .../gtk-2.0/assets/pan-down-alt-disabled.png | Bin 0 -> 180 bytes .../gtk-2.0/assets/pan-down-alt.png | Bin 0 -> 181 bytes .../gtk-2.0/assets/pan-down-disabled.png | Bin 0 -> 178 bytes .../gtk-2.0/assets/pan-down.png | Bin 0 -> 181 bytes .../gtk-2.0/assets/pan-left-alt-disabled.png | Bin 0 -> 190 bytes .../gtk-2.0/assets/pan-left-alt.png | Bin 0 -> 183 bytes .../gtk-2.0/assets/pan-left-disabled.png | Bin 0 -> 183 bytes .../gtk-2.0/assets/pan-left-semi.png | Bin 0 -> 185 bytes .../gtk-2.0/assets/pan-left.png | Bin 0 -> 194 bytes .../gtk-2.0/assets/pan-right-alt-disabled.png | Bin 0 -> 187 bytes .../gtk-2.0/assets/pan-right-alt.png | Bin 0 -> 182 bytes .../gtk-2.0/assets/pan-right-disabled.png | Bin 0 -> 180 bytes .../gtk-2.0/assets/pan-right-semi.png | Bin 0 -> 187 bytes .../gtk-2.0/assets/pan-right.png | Bin 0 -> 188 bytes .../gtk-2.0/assets/pan-up-alt-disabled.png | Bin 0 -> 175 bytes .../gtk-2.0/assets/pan-up-alt.png | Bin 0 -> 182 bytes .../gtk-2.0/assets/pan-up-disabled.png | Bin 0 -> 175 bytes .../Material-Gnome/gtk-2.0/assets/pan-up.png | Bin 0 -> 180 bytes .../gtk-2.0/assets/progressbar-progress.png | Bin 0 -> 140 bytes .../gtk-2.0/assets/progressbar-trough.png | Bin 0 -> 139 bytes .../gtk-2.0/assets/radio-checked-active.png | Bin 0 -> 579 bytes .../gtk-2.0/assets/radio-checked-disabled.png | Bin 0 -> 551 bytes .../gtk-2.0/assets/radio-checked-hover.png | Bin 0 -> 573 bytes .../gtk-2.0/assets/radio-checked.png | Bin 0 -> 530 bytes .../gtk-2.0/assets/radio-mixed-active.png | Bin 0 -> 517 bytes .../gtk-2.0/assets/radio-mixed-disabled.png | Bin 0 -> 512 bytes .../gtk-2.0/assets/radio-mixed-hover.png | Bin 0 -> 506 bytes .../gtk-2.0/assets/radio-mixed.png | Bin 0 -> 491 bytes .../gtk-2.0/assets/radio-unchecked-active.png | Bin 0 -> 442 bytes .../assets/radio-unchecked-disabled.png | Bin 0 -> 448 bytes .../gtk-2.0/assets/radio-unchecked-hover.png | Bin 0 -> 440 bytes .../gtk-2.0/assets/radio-unchecked.png | Bin 0 -> 484 bytes .../assets/scale-horz-trough-active.png | Bin 0 -> 159 bytes .../assets/scale-horz-trough-disabled.png | Bin 0 -> 155 bytes .../gtk-2.0/assets/scale-horz-trough.png | Bin 0 -> 157 bytes .../gtk-2.0/assets/scale-slider-active.png | Bin 0 -> 698 bytes .../gtk-2.0/assets/scale-slider-disabled.png | Bin 0 -> 332 bytes .../gtk-2.0/assets/scale-slider-hover.png | Bin 0 -> 706 bytes .../gtk-2.0/assets/scale-slider.png | Bin 0 -> 323 bytes .../assets/scale-vert-trough-active.png | Bin 0 -> 156 bytes .../assets/scale-vert-trough-disabled.png | Bin 0 -> 155 bytes .../gtk-2.0/assets/scale-vert-trough.png | Bin 0 -> 156 bytes .../assets/scrollbar-horz-slider-active.png | Bin 0 -> 258 bytes .../assets/scrollbar-horz-slider-disabled.png | Bin 0 -> 272 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 0 -> 260 bytes .../gtk-2.0/assets/scrollbar-horz-slider.png | Bin 0 -> 274 bytes .../gtk-2.0/assets/scrollbar-horz-trough.png | Bin 0 -> 128 bytes .../scrollbar-vert-ltr-slider-active.png | Bin 0 -> 263 bytes .../scrollbar-vert-ltr-slider-disabled.png | Bin 0 -> 271 bytes .../scrollbar-vert-ltr-slider-hover.png | Bin 0 -> 260 bytes .../assets/scrollbar-vert-ltr-slider.png | Bin 0 -> 272 bytes .../assets/scrollbar-vert-ltr-trough.png | Bin 0 -> 127 bytes .../scrollbar-vert-rtl-slider-active.png | Bin 0 -> 261 bytes .../scrollbar-vert-rtl-slider-disabled.png | Bin 0 -> 272 bytes .../scrollbar-vert-rtl-slider-hover.png | Bin 0 -> 261 bytes .../assets/scrollbar-vert-rtl-slider.png | Bin 0 -> 272 bytes .../assets/scrollbar-vert-rtl-trough.png | Bin 0 -> 127 bytes .../gtk-2.0/assets/spin-ltr-down-active.png | Bin 0 -> 250 bytes .../gtk-2.0/assets/spin-ltr-down-disabled.png | Bin 0 -> 186 bytes .../gtk-2.0/assets/spin-ltr-down-hover.png | Bin 0 -> 242 bytes .../gtk-2.0/assets/spin-ltr-down.png | Bin 0 -> 190 bytes .../gtk-2.0/assets/spin-ltr-up-active.png | Bin 0 -> 272 bytes .../gtk-2.0/assets/spin-ltr-up-disabled.png | Bin 0 -> 202 bytes .../gtk-2.0/assets/spin-ltr-up-hover.png | Bin 0 -> 263 bytes .../gtk-2.0/assets/spin-ltr-up.png | Bin 0 -> 203 bytes .../gtk-2.0/assets/spin-rtl-down-active.png | Bin 0 -> 251 bytes .../gtk-2.0/assets/spin-rtl-down-disabled.png | Bin 0 -> 192 bytes .../gtk-2.0/assets/spin-rtl-down-hover.png | Bin 0 -> 234 bytes .../gtk-2.0/assets/spin-rtl-down.png | Bin 0 -> 194 bytes .../gtk-2.0/assets/spin-rtl-up-active.png | Bin 0 -> 253 bytes .../gtk-2.0/assets/spin-rtl-up-disabled.png | Bin 0 -> 191 bytes .../gtk-2.0/assets/spin-rtl-up-hover.png | Bin 0 -> 236 bytes .../gtk-2.0/assets/spin-rtl-up.png | Bin 0 -> 205 bytes .../Material-Gnome/gtk-2.0/assets/tab.png | Bin 0 -> 123 bytes .../assets/treeview-ltr-button-active.png | Bin 0 -> 129 bytes .../assets/treeview-ltr-button-hover.png | Bin 0 -> 129 bytes .../gtk-2.0/assets/treeview-ltr-button.png | Bin 0 -> 118 bytes .../assets/treeview-rtl-button-active.png | Bin 0 -> 129 bytes .../assets/treeview-rtl-button-hover.png | Bin 0 -> 129 bytes .../gtk-2.0/assets/treeview-rtl-button.png | Bin 0 -> 118 bytes dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc | 36 + .../.themes/Material-Gnome/gtk-2.0/hacks.rc | 36 + .../.themes/Material-Gnome/gtk-2.0/main.rc | 2708 +++++ .../scalable/checkbox-checked-symbolic.svg | 44 + .../scalable/checkbox-checked-symbolic@2.svg | 45 + .../scalable/checkbox-mixed-symbolic.svg | 49 + .../scalable/checkbox-mixed-symbolic@2.svg | 50 + .../gtk-3.0/assets/scalable/close.svg | 38 + .../scalable/cursor-handle-symbolic.svg | 3 + .../gtk-3.0/assets/scalable/maximize.svg | 38 + .../gtk-3.0/assets/scalable/minimize.svg | 43 + .../scalable/radio-checked-symbolic.svg | 45 + .../scalable/radio-checked-symbolic@2.svg | 45 + .../assets/scalable/radio-mixed-symbolic.svg | 1 + .../scalable/radio-mixed-symbolic@2.svg | 1 + ...scale-horz-marks-after-slider-symbolic.svg | 53 + ...cale-horz-marks-before-slider-symbolic.svg | 47 + .../scalable/scale-slider-hover-symbolic.svg | 41 + .../scale-slider-hover-symbolic@2.svg | 41 + .../assets/scalable/scale-slider-symbolic.svg | 40 + .../scalable/scale-slider-symbolic@2.svg | 41 + ...scale-vert-marks-after-slider-symbolic.svg | 52 + ...cale-vert-marks-before-slider-symbolic.svg | 55 + .../small-checkbox-checked-symbolic.svg | 45 + .../small-checkbox-checked-symbolic@2.svg | 46 + .../small-checkbox-mixed-symbolic.svg | 49 + .../small-checkbox-mixed-symbolic@2.svg | 49 + .../scalable/small-radio-checked-symbolic.svg | 41 + .../small-radio-checked-symbolic@2.svg | 41 + .../scalable/small-radio-mixed-symbolic.svg | 1 + .../scalable/small-radio-mixed-symbolic@2.svg | 1 + .../gtk-3.0/assets/scalable/unmaximize.svg | 46 + .../scale-horz-marks-after-slider-dark.png | Bin 0 -> 1058 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 0 -> 2242 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 0 -> 1015 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 0 -> 2055 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 0 -> 1037 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 0 -> 2079 bytes .../assets/scale-horz-marks-after-slider.png | Bin 0 -> 1023 bytes .../scale-horz-marks-after-slider@2.png | Bin 0 -> 2078 bytes .../scale-horz-marks-before-slider-dark.png | Bin 0 -> 1055 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 0 -> 2245 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 0 -> 1000 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 0 -> 2071 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 0 -> 998 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 0 -> 2066 bytes .../assets/scale-horz-marks-before-slider.png | Bin 0 -> 994 bytes .../scale-horz-marks-before-slider@2.png | Bin 0 -> 2061 bytes .../scale-vert-marks-after-slider-dark.png | Bin 0 -> 1033 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 0 -> 2226 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 0 -> 984 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 0 -> 1996 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 0 -> 964 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 0 -> 2027 bytes .../assets/scale-vert-marks-after-slider.png | Bin 0 -> 952 bytes .../scale-vert-marks-after-slider@2.png | Bin 0 -> 2018 bytes .../scale-vert-marks-before-slider-dark.png | Bin 0 -> 1054 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 0 -> 2219 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 0 -> 992 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 0 -> 1994 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 0 -> 1017 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 0 -> 1977 bytes .../assets/scale-vert-marks-before-slider.png | Bin 0 -> 990 bytes .../scale-vert-marks-before-slider@2.png | Bin 0 -> 1990 bytes .../selectionmode-checkbox-checked-dark.png | Bin 0 -> 514 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 0 -> 864 bytes .../assets/selectionmode-checkbox-checked.png | Bin 0 -> 510 bytes .../selectionmode-checkbox-checked@2.png | Bin 0 -> 854 bytes .../selectionmode-checkbox-unchecked-dark.png | Bin 0 -> 314 bytes ...electionmode-checkbox-unchecked-dark@2.png | Bin 0 -> 571 bytes .../selectionmode-checkbox-unchecked.png | Bin 0 -> 310 bytes .../selectionmode-checkbox-unchecked@2.png | Bin 0 -> 551 bytes .../.themes/Material-Gnome/gtk-3.0/colors.css | 16 + .../Material-Gnome/gtk-3.0/gtk-dark.css | 6674 +++++++++++++ .../.themes/Material-Gnome/gtk-3.0/gtk.css | 6674 +++++++++++++ .../Material-Gnome/gtk-3.0/thumbnail.png | Bin 0 -> 1575 bytes .../assets/checkbox-checked-symbolic.svg | 44 + .../assets/checkbox-checked-symbolic@2.svg | 45 + .../assets/checkbox-mixed-symbolic.svg | 49 + .../assets/checkbox-mixed-symbolic@2.svg | 50 + .../Material-Gnome/gtk-4.0/assets/close.svg | 38 + .../gtk-4.0/assets/cursor-handle-symbolic.svg | 3 + .../gtk-4.0/assets/maximize.svg | 38 + .../gtk-4.0/assets/minimize.svg | 43 + .../gtk-4.0/assets/radio-checked-symbolic.svg | 45 + .../assets/radio-checked-symbolic@2.svg | 45 + .../gtk-4.0/assets/radio-mixed-symbolic.svg | 1 + .../gtk-4.0/assets/radio-mixed-symbolic@2.svg | 1 + ...scale-horz-marks-after-slider-symbolic.svg | 53 + ...cale-horz-marks-before-slider-symbolic.svg | 47 + .../assets/scale-slider-hover-symbolic.svg | 41 + .../assets/scale-slider-hover-symbolic@2.svg | 41 + .../gtk-4.0/assets/scale-slider-symbolic.svg | 40 + .../assets/scale-slider-symbolic@2.svg | 41 + ...scale-vert-marks-after-slider-symbolic.svg | 52 + ...cale-vert-marks-before-slider-symbolic.svg | 55 + .../small-checkbox-checked-symbolic.svg | 45 + .../small-checkbox-checked-symbolic@2.svg | 46 + .../assets/small-checkbox-mixed-symbolic.svg | 49 + .../small-checkbox-mixed-symbolic@2.svg | 49 + .../assets/small-radio-checked-symbolic.svg | 41 + .../assets/small-radio-checked-symbolic@2.svg | 41 + .../assets/small-radio-mixed-symbolic.svg | 1 + .../assets/small-radio-mixed-symbolic@2.svg | 1 + .../gtk-4.0/assets/unmaximize.svg | 46 + .../.themes/Material-Gnome/gtk-4.0/colors.css | 47 + .../Material-Gnome/gtk-4.0/gtk-dark.css | 8717 +++++++++++++++++ .../.themes/Material-Gnome/gtk-4.0/gtk.css | 8493 ++++++++++++++++ .../Material-Gnome/gtk-4.0/thumbnail.png | Bin 0 -> 1575 bytes dotfiles/.themes/Material-Gnome/index.theme | 12 + 248 files changed, 35687 insertions(+) create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/apps.rc create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/border.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-mixed-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-mixed-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-mixed-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-mixed.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-background-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-background.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/focus.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-inline.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-notebook.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-checked-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-checked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-mixed-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-mixed.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-mixed-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-mixed.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-alt-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-alt.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-alt-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-alt.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-semi.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-alt-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-alt.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-semi.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/progressbar-progress.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/progressbar-trough.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-trough.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-trough.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-trough.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/tab.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-active.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-hover.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/hacks.rc create mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/main.rc create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/close.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/maximize.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/minimize.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg create mode 120000 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg create mode 120000 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg create mode 120000 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg create mode 120000 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/unmaximize.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/colors.css create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/gtk-dark.css create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/gtk.css create mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/thumbnail.png create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/close.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/cursor-handle-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/maximize.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/minimize.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic@2.svg create mode 120000 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic.svg create mode 120000 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic@2.svg create mode 120000 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic.svg create mode 120000 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/unmaximize.svg create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/colors.css create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/gtk-dark.css create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/gtk.css create mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/thumbnail.png create mode 100644 dotfiles/.themes/Material-Gnome/index.theme diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/apps.rc b/dotfiles/.themes/Material-Gnome/gtk-2.0/apps.rc new file mode 100644 index 000000000..530e72fdb --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-2.0/apps.rc @@ -0,0 +1,92 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. +# custom widgets, programs giving us a chance to alter their UI to fit more with +# the theme or stuff that is supposed to look different, like panels. + +# TODO: This could really look nicer +style "gimp_spin_scale" { + # Spin background + bg[NORMAL] = @base_color + + engine "pixmap" { + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "chrome_gtk_frame" { + ChromeGtkFrame::frame-color = @titlebar_bg_color + ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 +} + +# Disable spin button assets for GimpSpinScale +class "GimpSpinScale" style "gimp_spin_scale" + +# Chromium lets us define some colours and settings for better integration +class "ChromeGtkFrame" style "chrome_gtk_frame" diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/border.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/border.png new file mode 100644 index 0000000000000000000000000000000000000000..b0bc0a0f24700dd6ac45c35a1c1f8d7f5bf93809 GIT binary patch literal 123 zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k8}bl&H|6fVg?3oVGw3ym^DWNq@p;; z-HBn{IhmJ04okYDuOkD)#(wTUiL5}rfTxRNNChJ!E5on<49}iDljpEvy0oNp=R}|! NgQu&X%Q~loCIDJa93%h$ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f671a331a7db9a00617e6061a2808febc7da60b0 GIT binary patch literal 320 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAuWkA3TfhH%HR`nkgXU5Tp2ND_u1lJhd|*jkdgh90*{o&TG`hrE8avEdJ{;VnQ$4}E z^{2F+!gMZ23#|jaTm_4n?yO)iM`EgcU|D!!hU=Dw;=E()UO%&0R?%#rQ5<`n|IGaf zvzG1jp0r@il$qzA{ZER$Zg%X({E8sQxBpJXK7RRd z9OUlAuwmdK II;Vst0Q|yyi~s-t literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..09002d7aa9026ec356b0d0a48560e239c3af7a51 GIT binary patch literal 331 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAuxegf!uszt_9k;@_>%oI3 z!4^ON`9IX@XyS8i-ez`8PU8pLOUHc+510O|&tSG}SwBVS-FNZlb5gT;53@u{$LGF2 zoYvfbpXaGzoB8w4wW&Ok0Sd>;W7gjl6;wXy5L}@csk*tw^jU$2=;sX#sT~uXW~f)$ z`SVSA^?UZxr<-Or1{K{9&*krnrWxX~mmB_UPUM-N@{N&aM$qL$KJ#^eer51<^>bP0 Hl+XkKfGvX2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button.png new file mode 100644 index 0000000000000000000000000000000000000000..28157194530cfe91719d2c3f4653559923c75d54 GIT binary patch literal 342 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAu^X^cS zD&RdHag2$z*;fDbr-Mwal7ekjPHG}aYl1|MP8FW`cGo+;M%F_UITQWwv!CdAwac%j mH*%AX^X|vz^LA8Z=zmX--+J)lKY5_H89ZJ6T-G@yGywoS6oqa8 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..c1d04a2679f2f60183eaf0d44d2a9fb77cde0c88 GIT binary patch literal 593 zcmV-X0|WK~#7F-IY5} z8$l4qXYOK}h~z%P#a*hW1sGYS>p=+)$HT`zuCRrS%8l&tT$+8m_hnuzt$4zl+8A~tNK|1 zfH(o>cyf62T>x`-tp~p#0|Eo;%LZj$18HHM(FK-89d{JWE4d)hMs$&-l>pIsmL?Dr z(4dG!Cc4D3{(jFEnRDwyr~!i}L}lvb(}`TI?OA~|PeYSJ4Vis70suREa88N3s9d_b zIo$pSB<@}aU{K_#F91M|V$h&$bL(Vx@cZxoPO_v>m#3g+6^)?W7* zBK`^iP@5A9y1hBd$Ea95Z`8ahGX&t0hTn|89jn&q{+J)4VD7bY#oRrBk;qR!MA;ne zQW5}AAu!Jc5fAsrs+p4zmjQryD(!_PQ-xe_v6Skz$P=~WgtfrTG6Rd^Lb3kT6Te7~ z{HQgY74XTpMMQCEQg&r^w>_tbClfgdS%G((iy42}*8P*Lh;SP^4lZRj+y@PGI}Oe`oZZ43pKg%oIFASj8^W+@d+ zz$iF#-D^OWo#nAm>FIVJ=es*|=K%b5;h@QQKJTxWUV?;15T%;87SHfF8KO!64J2un z4|ku(0<52Bmp|%XTPV;E1H>Q@ROknC1+1QBH%Q0`coAXo;b^De92S~+IurG5&O(Z= zoMz$!0g-ejL<(atuKXAdTSwa$0F#(^4ByozH-`q`>N{QHMSRIsK^LT`)gB3O=V<_L zMery#uL;U7ND;Gln}MVQoYi+L8g5QVA^V(^VqOPW52?EZn^QixTX#)m%xc=>V7GutO9nbJWUx0jg^N4lcLF9mrg4DL3k| zNJ3Ks7*B7Nex1XRM)7rj6mvdCd+_}NN++qNlrjgC%1YLrPy5H?@t%oFm0?_2iRz4P z_qgUn^_WX&80Gtet8ez>^3002ovPDHLkV1kDi;3@zB literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..60feebd294fae5e43621ec1e58eb289084640fa0 GIT binary patch literal 585 zcmV-P0=E5$P)eNn1#?ObD``Ajkt^fdQq` z!PT3A1U7G#9WJrBcyvQI0)zq*#5xHvyPz-edM?P5y~s5Xfy@D}eTlcIZ39+vQAj)n zgMjcN6IwaxD6ny-91_#VGBB9R1L=Kls=02(vn!d;7i*ouDW6B>D7)^qSu{5j$T6ODLHrEQA<0?Edg4IT9)FW1z7F^7yT zSp)=@TR|-E&3gQ!4Bz`D*I*pA?K$8;laF8DSN@slh*_i;xf!hy5fqGxD(8!45y#}3 zm6!!MV%}V56d89(8RwnzPm90^SD)=l8zPZ~`BSH3A=GU~NAo0W&goLw2RQJbuH<6W z+0g1-W8M6MT)C2b2#zce1 z=6J^oXI*#`3K7Jf{!}8BhqDF;btKRx#LzDaWl^r5c5!_cI6__mc&b+DAs6(7#CiFrLZyHfR%%zR@T#KY#*!2GXPSTVlnfY zv@9=P5Dd@+sN!~#dsh){HAkX$Vuj(k0Z_MHjeRmjIls^kYG?C>90RZ>TQU|fDVr&f zZRQEZ0V2MjPm}`5X^tZUKxn2T4pDa$=8jy-F9X2la*!HJ1o@$Fo;NMTFo^A6$noFp z6ZZR=v;SmCj9YGbIar-Q@Y<9laoAI|*2fZ6G~sRtl6p{3DjnVRwr!N@m|xwh%k09= zqTWZ#?W91{6?InK{2a&>s?`4Rcn8e|NPv*lN&i@I_1c9>_6SK1W-to{Z*FTV2dsbD WX20y$x$npT0000f+A<-8B#X0U;U_V}#&;z@P9KobBW! zJ+DQuEu{kOpr52k-@WU7U*EfT2k_s)uu07jDlGJNkZ^^EDckh@SqFe50XAfDw>Fc2 zc5<_UNfbb!LO8aNF-}McGV14|f(fio5ZqY{0#)@3QJzRZKNDpFYagbB$TIXxQSsY7 zTcn-d=1>6v5uhGz%A-PKF!uZb2QNcJP(k4&hhM;6Jq)uXiUOb8{AX@N02RtYT=di0 zE5NTB!~`NP2MACK;zJv}B*VPkpYK-9=HpwKkD6XzTFhiyNkD2*6yj$~kO8bfmlR4F%*u-Xx+tM8vMF?y;v-$YPD#wiA9Q^X2|YO|S7?`MHe~1?Ppy(q74LPXsxe&4;#{&UO)!m+XK2F^8DAVwub4%v_m25H2# zbDr+8H1l|`=)FV!rhCuZ?{Lm@{s6NMdUd8sCB0RCSt3J^AmgSpI3(IhRhk6QMq>49 zK3khgkUS|ae6&6{Q9&I%5F${h;wBm?SUD=LlfvRK353^ods~&^W<^@OU?nDAT!55V zKD1Jvf_TANB#x^vEjq?x&e6IGz|Z2n1>gCGC=N*=cHgTKe~=+6PZAKSQ3wdtz=$LW zX7}GPrkJw8c}NftgPYa71~wHsea>gwUSrk@R>Ftv;@;-M+Icybc^WB( zF?1uGQ4}=@;ZFpJizMPr;VlLobsrR+K4iU2hvDieb04G_!#(H21CN#mrSO5p6# zI+q2}S?u0vY{0Bp%oF3qELhU&>{i| zq(V-h5JwRKrVKd|oa$myU{ftsE)EYCNiom!&(gqNyvB|D0(=^6-wIZ^Kk@@R<66mz zpG8KTL2k%-M1aV7gPb7rY$hxqi_qiO5;DRIY?}e&^981LeMunOkQD?Y*bG^P+0e%< z@&IWed26oO_Qw05Izn2Bh({S=Ynw=)6H87&J|=g?%9LIJ&*K-zqru zUmGlhj|8xu)yDF=zqnsZky*TngqYO&wm2Mt-96@2l8}53M-4}yGop(0C_4gE+#b?G z(3vAJr(HsNc#Df{+$_@iWGJsx+#GXuo+*ycZR4u~g^feD4;F&~;^4?Ag^R0YikJ{0 zEwuh}1T^Chqy!7Ed@%RPgt`=LU^N(t+k4=tn{I|gFP{&-rj86 zPP-n-%R5t^ZTuPT4C|FvgfyCYXSL1GLo8%c`y*F7=uUz)5s50>9}6wNc4d+sg6Ms! hzXK&}X%xplnI$=IQHh+^Zf}WZAI4&*1xp+-S`%C2xV2sPf|IyBw_n)-MBr>-1SSIJz$x#SH;t4P0Oq% ztA61GX{il@SFX)T=ze2e&>iA;fq&i7`D-}#pXqP#Q^{fJ6@rN5>}LzV!QmPh#Qq-D8pYfaWe5d2`&DL*2Jm$>WxoTCo h?`4Ur{Qq?0zu9+wb)Wa|2{5P`JYD@<);T3K0RVdCw*vqG literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..63516cb76357e0a0d943d19f1cf8bc5a69b167e1 GIT binary patch literal 448 zcmV;x0YCnUP)!h~rogMUmrqp2PX3X3{;QPL~R~*4rJ6om~xFol==C%fIk7=4e{diab=(f79Q*sdO ztn7G{7FHrb$?j?ynx;J<=(0g)as?BKY!k0QeAKQd?*XQWqKLjzx)7!X@%xncTVNB! qJ_XMg6u~z>Ns`>UIg#z0pUE$_L8+;Unf{vq0000z#e2@hMe9;I&gC-*f^3wa8hn`~S;QD~XaFI!G{&TTqE0~^e}qDm z@ALpgLFsn8PVWj1hb-_s3TOmMv11gilIFYC^3yb3j~yIf)!5ozft1eZ!E11C2!|!W z?CX?F0ii(hEP*lp8_fh_Z3&i3CTJ#vxO$c#&y`Ozq15kIJM_og1X^oJGa;oaECJ^) z1X^ipSOW(?u@I8DuFN}n=;h-%Da_UTzrBV*Iu)S!%#KhSR`|r-o zKLCFnp=ooo*@)})T8-ma#-G&d_4>3v7z{2L$ATdE)9KV}C9vP`??h45@emOjNRlK* zLAOq*@?+O^AMm!1w+<)hRcV^)wr!89_De6=?RMI5I2=I>6h%2{n Bn5L=HZJ+~~ zvgg@sc4l!Q1yK}f&=IN|H3y6H7x1_}1B-4?CX?3>LAI!>ssfy#wr2lxfglL_zzOn9 zNdWUN0VkLt3j)7IE`;H5IA93R&KQ12U(VhhG9H?XZ|!H zNm8uq`hmrtjuV8G#GxaYiQ{!#8g?{Eec!)_7Ra*fj>qGIKq(zG4Z|=z!Vf_ooxUDk zDL^b13m50RMfrpqVC_<@-OGGFcdGVl3%Xn`->6t5gcI_7-P`0DTJt>5*>1Oo)oSI# azvUg~0H8v5#(2yC0000GZx^prwfgF}}M_)$E)e-c@N{70THjv*C{Z>O#2VsaE{Pj3t6X{zrkSRm7p z5MUs|+Z1>qe8Vg~&V9{CGj_WR2pV=u<(RGK%GwyQu0tws??vkmjAhLm`B}R= zN3uoW^vq?C-7dMsn=n?KWZXGr?o!o`Yi}4&O2jNGP_dcaS+RfKc^Nj>%gme-2j5mJ z@w}f>#2a}~@QLuvJ1NN<7ryz>ukfQq%6xNJDkGOdK#y2PBMAMOp72C2cmV^GqS>7{ z`TbfN4J`uEdF#GEcR8y4g0-`7!~B|tLw_E<-KD*qS18b~;^F(obQSrNZh!owj4GJ7 Xvf3Q(`qUB+^euy@tDnm{r-UW|^W=RO literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e194aa47dba2119efc2b864617e66fc4835ba4b2 GIT binary patch literal 241 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{5DS)$B+ufx7RlE9#PEN3;j9K(WKygIG_GyW0C>nSjQek6#iRbbBddk2?&kh~Z5+tB#XvnNZV4zr%H zoP4c-G02OhD>wFqI>RZ+ga$@7iG&7*!=;-F-p_T^Z0|Up)fBX;S>ka#cjaB@ h*Sl9-^Rm|OGZx^prwfgF}}M_)$E)e-c@N{PUhJjv*C{Z>L#vF&T=u=G!U%U=9?R8?}06 zY*TCAP1PF_FSuByaxCgFa5Fyd;x4gfveOC8xV%~AlinFkS#v$)_4j^B1-4@e9R3F8 zQx;7#T)wkcx58~#U}RmgkIw7TvTITH4;XjeUG=fNa6d2}kREtk)vEpbD{m{(qk|y*>+{V{hTCrg3PR*yq zS?5LMG`pv7+Uj~HXL0sn<26-*uZ*<1l$5oqJ{;j*ZsR`tduq&Ppw}2YUHx3vIVCg! E01?D-fB*mh literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..bf1011a6e1f459fefafff27577d5231f6fced516 GIT binary patch literal 258 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{OO)9jv*C{Z>MeKWme>I%{?L5YVzh#Q_sPG zo&yXD7u}VVp49AmRATz>50`h|zsYsU%5%{`p`B06lD zQ-bbAy?*+z#Y;0c<{`_wySK01+H~%{#<>s93}-qVSd;`BIa~@js@^k8ES#P5ZSzkS zwH1rrOFU-x(Quh#c#MBK%X;p=9`}CdK3)Ei{m?^`h7G>H{y--(c)I$ztaD0e0stuB BUP}M~ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..3da7ed38748ae76575c39f24a3f4ab1d1f88bee8 GIT binary patch literal 344 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{I{Mijv*C{Z>R0&b_^6betv4o#3?5aWF&47 zR_ko7cW`?;e}m-xgbh-EnZ1IJ=p;^f$*W}hDOtew?qk`Y_xu+5MfRuvmbHC;dFQE& z;M*^PGd4(_UF&{3q-buuZvj`%3#U_WcFnrpnkZqHu*fDxl;?8Jq9Yuh^FGZ>5EWQ^ z_1yita?4aU?pyYdDecw93#L!LUeVwd$Sh-=$i+78ev70#i^)-aYo!f~S-cj2(0^?W zUa_P3Ld9i_x_>AC%nEXIILqr3@c86Mnfv$W=W+^c^Rkjnc$bo2#$0FDF3!4*(@vp} k<mdKI;Vst0J2AeNdN!< literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f9f1a87d39b80fda3b248b9ad7dc15ba1b49e027 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{B}hS)t7+ny!- jc>Y?qxVJf4_Pw3sO^cQV4;w{*PGazM^>bP0l+XkKCPq^~ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..b9070930270ae2d9381dc0760b95728ebfec0039 GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{7;@Pjv*C{Z>OEjVlotHNLSw-trHy;#j*B* zaEX3g)$8Of{1?>U_7Np6BQ4IfkXIX`=D5dUn7N@(gohYl6T z%iG>AxqkVwH@~C6`@7MzR=qEHdH?DuarMmD>;4MIoTq2pcRzAGz~tDTf8BWu8{$P= z?Mlw&ItOON)^l+)bgT%~lAf#mRZlO$YHrHej|C0=vpFidz3YSzng$B6f>6QrCO!Gc zHn*4w&nw+nYR}C*T*&40;lbT=`%QRjKW=x`ypi$O#(V8id4U5_)m@1eA3l6|!oNf8 ocEd+Gt@nkQXKG@msTRKHcp@0+XybNrI?(qFp00i_>zopr0FK9r0RR91 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..6992de478921502451553a6953eaa6dad64b1c10 GIT binary patch literal 246 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{BBPd$B+ufx7Q50m=#4>0{-vX$gxEDi^9GC zCQ2QpK`F_1<~rSAwzw-V@KoIHty@&K{$`E6-|Nr)oE>EK%qNVgT%+ZK;KYrRPHVPC zul;IyOn}Q^Vs`Zfh9y%r1v5UMvy`cWiA!Ta0~6N;#x2}h4Sg;zT{+_9lWT(O47$b7 n?T(aq|Cj%J{A-8Rhu^Tcl$+fX{Tbu|bQXiBtDnm{r-UW|kmXb{ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..09b1708cb5377dbe442e99b940b7b90633f3f632 GIT binary patch literal 494 zcmV@QN)O*35k(icZ`v|!QRS#aJT=?HS^ET6*~yOSoTi9+t!gnE}{VRxDNr4mrLd* z5z97XNUvdg-x7@Fq_jW}9OQiJDmml)7#PYP+{wj4hWDX%@6uRLu&^=^Duc^dI4aJ* z*6V4(MW5U{HC`D-S^Y&>eVdY>AM74?W8$rB7N7jvk1uCrLblX8T|ycGCzc;yqC4O3Zk5HjGK(7or*NIsF{}^mFp&1cJmO^YyDqM&B kUs1Mv6{;C08ULWrH#r`PnPywMsQ>@~07*qoM6N<$g5OBUK>z>% literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-background-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-background-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..50199da84ebf569e69f6f349b16bb3de14af170b GIT binary patch literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?3oVGw3ym^DWND9BhG z z9OUlAuwmdK II;Vst0Q|yyi~s-t literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..99c7b0a92315004d1ef6322ebf4f9bbdbee95078 GIT binary patch literal 478 zcmV<40U`d0P)1d3Rc8 zbEQ-cl|;>hz<*8C)iEKY-fSky)K2?&%k%hSHBWsPtdTK(Uqq~9>L=|YNZ-K{u*LC; z9~%l5vfU|G3T)#9%Ek$ljT0yvCr~y{plqB#**Jl+*$6C`J_ie-TEi4Koa+|YLx>CK zG&TbC0|TwqsSQuT_kAuU3~`_5bWFprHD(OvCa!zl>I~L)RRarGiXSG4JjbyL)-1&S z%X+XCnVAr~Fh9vnuz=#g)vXYs7;OC$ML#Ebp7*uR51@kJ`-&|;o4t((gMq}{FAF${ UerZdjp#T5?07*qoM6N<$f}L%?3IG5A literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry.png new file mode 100644 index 0000000000000000000000000000000000000000..28157194530cfe91719d2c3f4653559923c75d54 GIT binary patch literal 342 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAu^X^cS zD&RdHag2$z*;fDbr-Mwal7ekjPHG}aYl1|MP8FW`cGo+;M%F_UITQWwv!CdAwac%j mH*%AX^X|vz^LA8Z=zmX--+J)lKY5_H89ZJ6T-G@yGywoS6oqa8 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f671a331a7db9a00617e6061a2808febc7da60b0 GIT binary patch literal 320 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAuWkA3TfhH%HR`nkgXU5Tp2ND_u1lJhd|*jkdgh90*{o&TG`hrE8avEdJ{;VnQ$4}E z^{2F+!gMZ23#|jaTm_4n?yO)iM`EgcU|D!!hU=Dw;=E()UO%&0R?%#rQ5<`n|IGaf zvzG1jp0r@il$qzA{ZER$Zg%X({E8sQxBpJXK7RRd z9OUlAu5<#p3~eXe+db#G<{6#O_suiTRVq5m z9RGNzf;)oSzR~5tM#aSnzc;<#eex>%)-bLVi5RnGtPR{5kC|@mXfV@T(2HRDI)pm9 zIhGweykkmIk-D39A?p+uvGRwLBj33#+N!pA?t{`;-w+)R`Q$wx{>sldeq`}#*B)b= a3TBB^H~R}$?ydxSfx*+&&t;ucLK6VweQKEi literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..09002d7aa9026ec356b0d0a48560e239c3af7a51 GIT binary patch literal 331 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAuxegf!uszt_9k;@_>%oI3 z!4^ON`9IX@XyS8i-ez`8PU8pLOUHc+510O|&tSG}SwBVS-FNZlb5gT;53@u{$LGF2 zoYvfbpXaGzoB8w4wW&Ok0Sd>;W7gjl6;wXy5L}@csk*tw^jU$2=;sX#sT~uXW~f)$ z`SVSA^?UZxr<-Or1{K{9&*krnrWxX~mmB_UPUM-N@{N&aM$qL$KJ#^eer51<^>bP0 Hl+XkKfGvX2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button.png new file mode 100644 index 0000000000000000000000000000000000000000..481dc96e1471764629d7fb1cf6f53f4389214360 GIT binary patch literal 290 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAu5<#p3~eXe+db#G<{6#O_suiTRVq5m z9RGNzf;)oSzR~5tM#aSnzc;<#eex>%)-bLVi5RnGtPR{5kC|@mXfV@T(2HRDI)pm9 zIhGweykkmIk-D39A?p+uvGRwLBj33#+N!pA?t{`;-w+)R`Q$wx{>sldeq`}#*B)b= a3TBB^H~R}$?ydxSfx*+&&t;ucLK6VweQKEi literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/focus.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/focus.png new file mode 100644 index 0000000000000000000000000000000000000000..1d745e77c16f0734ecaaf32f42734b25c0f5cff2 GIT binary patch literal 288 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7Bet#3xhBt!>l*8o|0J>k`CC0*978G?djq_=4jG8##5G52uG8sQU3Rfl z|AO{c7F&1y%h@V7J7?(J?dWPb(sx8CNt~~RC;wS(q*?MTwRoE- f@40`*hdqqHH>dTkZ4Z$IdVs;x)z4*}Q$iB}?l^0* literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-inline.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-inline.png new file mode 100644 index 0000000000000000000000000000000000000000..ea449e8a340425e4e45cb5fc87646c40c0727df7 GIT binary patch literal 128 zcmeAS@N?(olHy`uVBq!ia0vp^%s|Y z9OUlAumdKI;Vst0PzbQn*aa+ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-notebook.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..e73b5437a04d8a8f0f1e5422c483325e9a779365 GIT binary patch literal 134 zcmeAS@N?(olHy`uVBq!ia0vp^%plCc1|-8Yw(bW~oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzO<){V@L&Ka?RgglcktN3>rBC1NTKM%o2=b ZV_4wA_Brj1jxSIdgQu&X%Q~loCIH71A3Fd5 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame.png new file mode 100644 index 0000000000000000000000000000000000000000..e73b5437a04d8a8f0f1e5422c483325e9a779365 GIT binary patch literal 134 zcmeAS@N?(olHy`uVBq!ia0vp^%plCc1|-8Yw(bW~oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzO<){V@L&Ka?RgglcktN3>rBC1NTKM%o2=b ZV_4wA_Brj1jxSIdgQu&X%Q~loCIH71A3Fd5 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz-active.png new file mode 100644 index 0000000000000000000000000000000000000000..92c51eb274ffd421108a127c1e787aa656eea9c9 GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~d!3HGTx9oodq&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFG0%F9eo`c7&i8E|4C#8@`F8H978G?d%HIB9#G(6$yM{1(quL}wXJ7@ zr*pPSi?~4oOUJeNx$opUJ_#qEa(Vflr#P%%_R9Uuo4;ST>@#~W@UX!)F5#=+l6_o` g%+rq3VY5`6_OBg&|{an^LB{Ts5b9+6V literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz.png new file mode 100644 index 0000000000000000000000000000000000000000..7084b6964d9f343759de6771fb50b3f3039c42ed GIT binary patch literal 197 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~d!3HGTx9oodq&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFG0%F9eo`c7&i8E|4C#8@}oRm978G?d;1jm8Vp37>!pvVaBX!iV0qHl z^MpetiK}(at8_)38}V27nE3|2-pZuYFe}CV-095NK)*|7mxLQCXGOdTo^p9^X3L~o o9|G^OZ`u7@_u<|z;>mv))h9)~I+>#@3bcj6)78&qol`;+0QJQ{?*IS* literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-active.png new file mode 100644 index 0000000000000000000000000000000000000000..53bc1a775b66aab0813941fc0cedbe71525a9c4e GIT binary patch literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFM%AEbVpxD28NCO+(46`SXRC_45TyzZZTvY@Gaba$WFF Z#^?y=rSBfC-~bxS;OXk;vd$@?2>{IzHLm~w literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..9e9535e79e76e2989eb46102cb55ae1359f3d8f1 GIT binary patch literal 181 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFM%AEbVpxD28NCO+c^eD_nE%IV8u2Lyq@{SZ zdAhpJJf+sexT1Kj?%ck6>v=adwuz*l?2(O8Ua|DTrE`{cD!r92Hq?6W@%nSfXe#@M XtzomD@6@gZ8p`15>gTe~DWM4fm=!ng literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..2bc85ce5466a4c0e62868c0e66e8b0086afa227f GIT binary patch literal 458 zcmV;*0X6=KP)=r|CNlW2xZSUmN6~l;52uZW^VNDU z2$?Lbk}r4O$zH2jD*3Yn3V+@X&e3oRVn{nm!c`pce1z#Thv?zdkN=2 z80WgxF;moFLm3$xUr4Uk!Ly*Y~%)HK%i8_#{MK#6QT0k zH+}p2+3$bb2m@R$U!sQah5!>aL-Pqh0f+@P&Ehq^F8AZHJA})p^KmelYxEr)0@6d> zd@RcJw%R2y@`xsDHD=%eQ?%vJ*piSrtg1}6ZSV`8GrGrTea zh-^B~?`H!{eaHbrti`Uh8&T)APEqgeEGyvV{x9-3NusgYAah7PlQ0nq-c@SqL2gw5 zl)ZWYk1ACx$$w;xF38Cqy4xg&$vO|hg|#u#Hm>0WsLBh{+1{v%9FB(MwioUbYZzy4 zVSK3?Tk}_DXP2N%<7&&J*iVV%-5!{Q!)qIDCjB^}DdKKMN`__?Fh08{@8JhqnvZ;2 SW>Y!<0000t<#(}#XHNXKJh9E``6_sL63 z$awG$2%u?DYG^3F5djD+2X8+jzSox1@t+D literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-mixed.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..a2d17c64a3849fbb73baaea0902e008ba61ed850 GIT binary patch literal 382 zcmV-^0fGLBP)Aq4_C($286;3%>p zbm6V<@gKww zo%^iX;%>9Mz?>&Mef7c|Be00J@|D{qYzljMtn=Ti^E5eKguTx>Q|1puKq5H{bBRcP ziw(>WiFJyP$^8J?$x!3-Iv@7B=TN=q;_<~48KUsR1<^GkQI*EmKv#%_RV()SzWFF> z9F5jit1yWj(lUIQv98{>lkYM_VM|-&o2^Xpagk`<{{xd~cx@KPGr<(?`gW=Kufz07*qoM6N<$f^=A*{{R30 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..fc60b565ff44d780c993449414c94380e84dcee2 GIT binary patch literal 330 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{(Vmu$B+ufxs!eQnhXS5)1zFSBPMNlx+13O z^TBB?s$LG+bFW7P_i%mjo@I7+&&;yA8Fm}4W!>b9y)L`u8dv$T8OJU9mg$`CoSB<( zzH!3sZMLbAWlQXN4i|9CZWQ-Ea>YG{SzoK`5tq7O!-?pl4BIX|ShH$XQ14x%#Yl&r1pMx7sJkgjY$nLIevHaMdmq9+@bGb`(A`|mvDSXSwmmQC119u z3+C<+`sF9`%ywtR&0Pz+6DR3T+@!WeNHWRZ=e^M*r)weCzp@Iex2g4TEY#t-khEkz Yk8$<(vquG0fnH_sboFyt=akR{09QzUd;kCd literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..28a476249edde44cd40066a6ebdbf048f2cb7363 GIT binary patch literal 389 zcmV;00eb$4P)&9H!CLLkZ^k#ayB5G`<}9-5#NN`VHbfC4yz4e|z9Af8B;Ho0up`$t%4x-!MO-flP;k%-bfK000H7Fwq1%1>`|s+qMhQ1P2T}&l5xwS-%DPzCRO9+O}od zgM=*%!?6D;qVM|*^ZBnBeao_Bcs7(#P8G;4^l!ZcZ$`1)pZ!+=1&($c$G%)&Tg?b| jYTtJuzjG8tU)TQM7V4b|a$ajH00000NkvXXu0mjfZETt& literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..c8f70b015cd9ed93949df257526465039e792eeb GIT binary patch literal 459 zcmV;+0W|)JP)B?6f`dkL$3io!mC7Q3Ejc!5q~<(+H+1) zl$g{Z`~{b9?W0WRvRZY2E|B7noAEI!orX0aFWStfT5<_VLOQQo?05CJ&h=Z_kIRjw zJ=1ssG2jxn$W>H=m=Li^o0tkaM8|oLzRdzjr#o{QPwBoTzS`V1$*YKFgxwOWd(;EiHZ5f<^ zAy`t8A_$SaX`mz_ki1;||$#||?EZmKJvg_9_l7-VVi}$vQVS21~ zmg1#l3PMJE4p3CcX;kFTh&W|f`1Cc`&+_FU{~H`sm`qOKgbDxv002ovPDHLkV1le- B#4i8< literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..3bae6db71a601b41fb418e8961612a43f76dae31 GIT binary patch literal 433 zcmV;i0Z#sjP)pE|;cEjMjU&`*ykurbc2#`q3!kpkp z{1zMNc%uWOT$UFuOWS0hjdhAHM{f#0y>`{IXgFt<#(}#XHNXKJh9E``6_sL63 z$awG$2%u?DYG^3F5djD+2X8+jzSox1@t+D literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-mixed.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..a2d17c64a3849fbb73baaea0902e008ba61ed850 GIT binary patch literal 382 zcmV-^0fGLBP)Aq4_C($286;3%>p zbm6V<@gKww zo%^iX;%>9Mz?>&Mef7c|Be00J@|D{qYzljMtn=Ti^E5eKguTx>Q|1puKq5H{bBRcP ziw(>WiFJyP$^8J?$x!3-Iv@7B=TN=q;_<~48KUsR1<^GkQI*EmKv#%_RV()SzWFF> z9F5jit1yWj(lUIQv98{>lkYM_VM|-&o2^Xpagk`<{{xd~cx@KPGr<(?`gW=Kufz07*qoM6N<$f^=A*{{R30 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..fc60b565ff44d780c993449414c94380e84dcee2 GIT binary patch literal 330 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{(Vmu$B+ufxs!eQnhXS5)1zFSBPMNlx+13O z^TBB?s$LG+bFW7P_i%mjo@I7+&&;yA8Fm}4W!>b9y)L`u8dv$T8OJU9mg$`CoSB<( zzH!3sZMLbAWlQXN4i|9CZWQ-Ea>YG{SzoK`5tq7O!-?pl4BIX|ShH$XQ14x%#Yl&r1pMx7sJkgjY$nLIevHaMdmq9+@bGb`(A`|mvDSXSwmmQC119u z3+C<+`sF9`%ywtR&0Pz+6DR3T+@!WeNHWRZ=e^M*r)weCzp@Iex2g4TEY#t-khEkz Yk8$<(vquG0fnH_sboFyt=akR{09QzUd;kCd literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..28a476249edde44cd40066a6ebdbf048f2cb7363 GIT binary patch literal 389 zcmV;00eb$4P)&9H!CLLkZ^k#ayB5G`<}9-5#NN`VHbfC4yz4e|z9Af8B;Ho0up`$t%4x-!MO-flP;k%-bfK000H7Fwq1%1>`|s+qMhQ1P2T}&l5xwS-%DPzCRO9+O}od zgM=*%!?6D;qVM|*^ZBnBeao_Bcs7(#P8G;4^l!ZcZ$`1)pZ!+=1&($c$G%)&Tg?b| jYTtJuzjG8tU)TQM7V4b|a$ajH00000NkvXXu0mjfZETt& literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-alt-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f5a28c64ea308eda3044c6b8ca1badef88d341af GIT binary patch literal 180 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzNe>)V@L(#+cS!M3``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzL%$qV@L(#+cO(E85DS2E*7(Dho5d)r^eBj zaKz6kNo(WD_v?1ByZrZl{-XB6oCUWVCAUtA2|eKaB$8Ff#d>yw%bLx%-J+yhUgUD~ XZr8Fj6TJBqXexuJtDnm{r-UW|D*rfI literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..3010107110544c368fdf47281ef25122641a3459 GIT binary patch literal 178 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzPqQ3V@L(#+cO(^85B5N0%Z?1{iWuotUib;;B&3=#$JLGa+>kD+AN``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzL%$qV@L(#+a5zc1_1$ zan5z|PS0&OlH53+*%#T|bLVDY3*U4(>Spc(xtULMAIL``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBez2#DV@L(#(}^2-8w_|@{2N@{r;FaGpSR|N ztndbhH#L`BcV62yIrXrdN7dq+jjHpD8|Teold``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzK^GiV@L(#(@7UO85B5J<@*FIVuY>cT;RCG zl=&+C?)p0m6+W=9%C0hYax!z)FPMDT!L5ur@+NPH1>1~v0mloxAxaN9r}{cAa<6LO YJ^n;t@0;3rAafZ!UHx3vIVCg!0C_qzJpcdz literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..f65f8d44de2d3abab872ffd1691b1c7b55eef37c GIT binary patch literal 183 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzK^GiV@L(#(@7h785B5J?B69kH0wEMCZe~H z`2_crs@~R}+$s$931&xsXLp``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzMrRyV@L(#+cUd)83aUHA4+d*2s)k;W<2Yi zODglmhTj)7j@+L&x&Ou4hKW`3M?aPRF6 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left.png new file mode 100644 index 0000000000000000000000000000000000000000..fd14eed59081d70f4165251d36644f7f6757feff GIT binary patch literal 194 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBez>QLV@L(#(}^2-8w_|@=D%^6m}z*~P0UHB zLGFnhJ9qh$sNd@<6L>=US>p{OOZV@ouAI#1^?rFuin+kly9||n9G@gsl!{H#-n3;~ kr|yMlMHxr7?g#tttTr-Ptm4u70cZt-r>mdKI;Vst0Cku``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBet@ToV@L(#-Afw<85B5}9sKrg-dxQ3eSW*> zCCkR=3=V$Qm)dGtJ?=3?oQd7IdY8nKAEiAk4m|=5{SyxOPUm0na*ne+W3>;%zZ<+8 dR=RslV3z6^|9kR8dIivI22WQ%mvv4FO#oE^IyL|R literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-alt.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..091aecb4f28390aa1fc94d785646b3551dedd4c3 GIT binary patch literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzPG1~V@L(#-Ajgo3BAfPO%%in X_Q-9V^EmGW&{zgfS3j3^P6``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzNe>)V@L(#-Ajgo3p!RT5p VVe?{NRw2+(22WQ%mvv4FO#swKGgtrs literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-semi.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..58ca8639764b8530e46ba3dff07dbb7233f15609 GIT binary patch literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBet@ToV@L(#+ld=F85DR};RUs^5Y eBJy#kGi#i>TDj4McS1n389ZJ6T-G@yGywo^$T{@@ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right.png new file mode 100644 index 0000000000000000000000000000000000000000..0910b61bc7f2f1612ee27bbcd1d6e5e447401711 GIT binary patch literal 188 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBexRp|V@L(#-HRJ}4=C`sT=XvMkT6e+Nl_GY zU{lO8I3)V#UtIBly@t!>r#W>TZ81q;tz4+0Wa1p+;5@CN@5yn7j`DYleG_cvU5igR el(+0-Wau$56Q`^_5BPwFGkCiCxvX literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..da612245d91a99e25a6f7a291a80f1be80130899 GIT binary patch literal 175 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzKf@eV@L(#+n$Y_3<^9f_7=`z1^+8IIi(4> zTyQc_>|Jv5V0k^eNPXbdea~u7Om5uvRPl_?!vnhV_XN96mbE_6FHa7qO literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt.png new file mode 100644 index 0000000000000000000000000000000000000000..376945b7794eb956f573a90e28932a71646419ee GIT binary patch literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzPG1~V@L(#+n(K=3<@I5!Uas);nl*sW+_-S z&A;T-)O%x(w(~oN=ek?Xw3p8O#iIJ1Pq|Ul(aUgtUC5_>y^S?pAKbzO@14?m^e2tU YY`s?al|+gCKw}v^UHx3vIVCg!0GweqZvX%Q literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..5a35705ab0208cc2474d317a7cf61ecabbfde51d GIT binary patch literal 175 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzKf@eV@L(#+n$4*3O%8u&qP#yUdyS R@j&w!JYD@<);T3K0RRsNHo*V@ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up.png new file mode 100644 index 0000000000000000000000000000000000000000..bd21166e543f8b54a9b1c38f6b1068010f5358f0 GIT binary patch literal 180 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzNe>)V@L(#+a7B^1_1$=GZx^prwLCVt|eH|GXHuiJ>Nn{1`6+K-XLn;_sPZ$a^FmNzAZ0XtAn`jkjDOUGq f*53Av88R%3k1%z7xF4gTe~DWM4f?=K^Q literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/progressbar-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/progressbar-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..b884aca8e4e581a59b54ca1d33d3e6725d699d44 GIT binary patch literal 139 zcmeAS@N?(olHy`uVBq!ia0vp^EFjFm1|(O0oL2{=I14-?iy0WWg+Z8+Vb&Z8pde#$ zkh>GZx^prwLCVt|eH|GXHuiJ>Nn{1`6+B%WLn;_sPZ$a^FmNz$Y!dtWmzoo$%y1y`gk?~S1X3><(y$j|44vCO>S1R{9|90C<&X>phdQoDz&N}Mo=cdJg0 z6%n99{ZJ`<$-0n03^iFyG7&#`Vmlo#r-$9iw|G?Mi-@fj1k@%AieH~?C+=?I`o+=1 z^Fd?@B{1K$Ux6Xjlj5;Q56wOTecCIuQlHAySn! ze_o&>J`;=yk}W7Zxv^+2+b*+{etvYK`ufCQ$^AxK$;HO_?8L0u?y_>$FODx&U;jN~ zx{Jwsf_OJkL5KNVaMODE2c(POSDg}#1v9^0bTJ`ogiA=cB0LK~#7F-IPH~ z0znkV-MSAj0lX!2=zH`%f({;|Q#TKu>tKN?l@Li}7XvNQ z2yN!I6KUqUyXtzW-)UxcX8v#Iz4r(B>!8)gSU#^d3r|7PR3CET)i=B4Iw`C{04*e5 zEvJ)}i3FlYxuy5!$0jmV!2&4+jEZJLLj_h2bL+%-7{-CHbhEov99(9G%QM-?*q2L? zBFhKan595ClMRr-HJB6?Lm~ZXO$ETo<=qS4#D**mgMf^_TP4mQO;(;kfKc(nlu$JE z83gR2N5YCbGIy*oI+0_my__?zQ9y4bt3!1~6wl-F&Sg5;!u!UB)!zPK8H|X3b-vvl zyMnXosONriAUo26mtrHfn8~_jg>*QxtTw^vxfe`NK=&8@nN0KGLJD{V23n=Mjf3fX zHEP1(A7HyvgDJrYs|Eq(;k817I^Yob)cwZS6S&$>wK?Z!;1u0ie@*)*w|m=F6rv21 zqC4uKZ4b9=>8NA+5-LjhdM9D%57T;(-XzV>uES;CW<0LbLMrh%R2XddvT#m*bb%Yc pEkGucNHkDT%@bX?lN}EKmQPk8u|4?bH@5%)002ovPDHLkV1lOl?}7jT literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..0aec0a61acd4daca6e531e1fc1229d3bd0ebecba GIT binary patch literal 573 zcmV-D0>b@?P)cThIzim1*Wooy4K3yEe3K`|x>l7Of& zplEDkA<&V)@~yhYZR}b!ogj07pdo?3nGkC<=m|ZY3Fnbk&WjL%!U1kPq37d<0hpZ& zL*jnu1j6%&&H00-0!w%54l!d}I)>@o8{2Y6EB%^T8#@Mz6wl3dtvXEtM)Xw55^Ff^ z1F&Nf;LNrP-NR)PKp;i7!qICFA5KloZ7QRSjviY?W{ZqXn*;>mx_Uj0Qc+1n?5*;qBfxrL2Ox{ zGNf}~ysCn>B~T;8a8(#8!rZv+;`!7#7IPgFdX5JYKDXuM_`7@qMroXgRXut$00000 LNkvXXu0mjfS7&xd2(tvOsUBiFQB;L}v#iIxr)VrOO@ zz>?&M6RU6`l(mp_oFeg@SPiue0YyAtEO}sux<~R+?DJ-ubLeosPL|&}7^xR*2_>ju z2n-Reu}mM~31$c1R3Pw9`${SgAyEr+Y_5uWUb+dXs@M=N_44A_Hp;Z?ofo*7%J?;^ z+R3F$OGKA5o~(NKxv)YU+7EAbg03YnCqyEn^pAz6-5zkT+aP)#%D1}iaQs_70ZL(& UR#=dpQvd(}07*qoM6N<$f>}P;D*ylh literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..288d36c3dd49834083c64d2da3a15c389fe2f10e GIT binary patch literal 517 zcmV+g0{Z=lP)f+A<-8B#X0U;U_V}#&;z@P9KobBW! zJ+DQuEu{kOpr52k-@WU7U*EfT2k_s)uu07jDlGJNkZ^^EDckh@SqFe50XAfDw>Fc2 zc5<_UNfbb!LO8aNF-}McGV14|f(fio5ZqY{0#)@3QJzRZKNDpFYagbB$TIXxQSsY7 zTcn-d=1>6v5uhGz%A-PKF!uZb2QNcJP(k4&hhM;6Jq)uXiUOb8{AX@N02RtYT=di0 zE5NTB!~`NP2MACK;zJv}B*VPkpYK-9=HpwKkD6XzTFhiyNkD2*6yj$~kO8bfmlR4F%*u-Xx+tM8vMF?y;v-$YPD#wiA9Q^X2|YO|S7?`MHe~1?Ppy(q74LPXsxe&4;#{&UO)!m+XK2F^8DAVwub4%v_m25H2# zbDr+8H1l|`=)FV!rhCuZ?{Lm@{s6NMdUd8sCB0RCSt3J^AmgSpI3(IhRhk6QMq>49 zK3khgkUS|ae6&6{Q9&I%5F${h;wBm?SUD=LlfvRK353^ods~&^W<^@OU?nDAT!55V zKD1Jvf_TANB#x^vEjq?x&e6IGz|Z2n1>gCGC=N*=cHgTKe~=+6PZAKSQ3wdtz=$LW zX7}GPrkJw8c}NftgPYa71~wHsea>gwUSrk@R>Ftv;@;-M+Icybc^WB( zF?1uGQ4}=@;ZFpJizMPr;VlLobsrR+K4iU2hvDieb04G_!#(H21CN#mrSO5p6# zI+q2}S?u0vY{0Bp%oF3qELhU&>{i| zq(V-h5JwRKrVKd|oa$myU{ftsE)EYCNiom!&(gqNyvB|D0(=^6-wIZ^Kk@@R<66mz zpG8KTL2k%-M1aV7gPb7rY$hxqi_qiO5;DRIY?}e&^981LeMunOkQD?Y*bG^P+0e%< z@&IWed26oO_Qw05Izn2Bh({S=Ynw=)6H87&J|=g?%9LIJ&*K-zqru zUmGlhj|8xu)yDF=zqnsZky*TngqYO&wm2Mt-96@2l8}53M-4}yGop(0C_4gE+#b?G z(3vAJr(HsNc#Df{+$_@iWGJsx+#GXuo+*ycZR4u~g^feD4;F&~;^4?Ag^R0YikJ{0 zEwuh}1T^Chqy!7Ed@%RPgt`=LU^N(t+k4=tn{I|gFP{&-rj86 zPP-n-%R5t^ZTuPT4C|FvgfyCYXSL1GLo8%c`y*F7=uUz)5s50>9}6wNc4d+sg6Ms! hzXK&}X%xplnI$=IQHh+^Zf}WZAI4&*1xp+-S`%C2xV2sPf|IyBw_n)-MBr>-1SSIJz$x#SH;t4P0Oq% ztA61GX{il@SFX)T=ze2e&>iA;fq&i7`D-}#pXqP#Q^{fJ6@rN5>}LzV!QmPh#Qq-D8pYfaWe5d2`&DL*2Jm$>WxoTCo h?`4Ur{Qq?0zu9+wb)Wa|2{5P`JYD@<);T3K0RVdCw*vqG literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..63516cb76357e0a0d943d19f1cf8bc5a69b167e1 GIT binary patch literal 448 zcmV;x0YCnUP)!h~rogMUmrqp2PX3X3{;QPL~R~*4rJ6om~xFol==C%fIk7=4e{diab=(f79Q*sdO ztn7G{7FHrb$?j?ynx;J<=(0g)as?BKY!k0QeAKQd?*XQWqKLjzx)7!X@%xncTVNB! qJ_XMg6u~z>Ns`>UIg#z0pUE$_L8+;Unf{vq0000z#e2@hMe9;I&gC-*f^3wa8hn`~S;QD~XaFI!G{&TTqE0~^e}qDm z@ALpgLFsn8PVWj1hb-_s3TOmMv11gilIFYC^3yb3j~yIf)!5ozft1eZ!E11C2!|!W z?CX?F0ii(hEP*lp8_fh_Z3&i3CTJ#vxO$c#&y`Ozq15kIJM_og1X^oJGa;oaECJ^) z1X^ipSOW(?u@I8DuFN}n=;h-%Da_UTzrBV*Iu)S!%#KhSR`|r-o zKLCFnp=ooo*@)})T8-ma#-G&d_4>3v7z{2L$ATdE)9KV}C9vP`??h45@emOjNRlK* zLAOq*@?+O^AMm!1w+<)hRcV^)wr!89_De6=?RMI5I2=I>6h%2{n Bn5L=HZJ+~~ zvgg@sc4l!Q1yK}f&=IN|H3y6H7x1_}1B-4?CX?3>LAI!>ssfy#wr2lxfglL_zzOn9 zNdWUN0VkLt3j)7IE`;H5IA93R&KQ12U(VhhG9H?XZ|!H zNm8uq`hmrtjuV8G#GxaYiQ{!#8g?{Eec!)_7Ra*fj>qGIKq(zG4Z|=z!Vf_ooxUDk zDL^b13m50RMfrpqVC_<@-OGGFcdGVl3%Xn`->6t5gcI_7-P`0DTJt>5*>1Oo)oSI# azvUg~0H8v5#(2yC0000gTe~DWM4fyAvxb literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..452181fd86dee430721696a92f73e5ed072c8fbc GIT binary patch literal 157 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(KBTpB{kP61PCk=TS6nI!K@(X#q;@Y_*tBH;0 xg2~)ncckB|FnIK4?6|*{X>(~^Ef>QtTT?3*mc=|PWPrLEJYD@<);T3K0RWy2DJ}p2 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2eef90a01dfc39fa278dd1eb9d52080c39341c6b GIT binary patch literal 698 zcmV;r0!96aP)1Ox6@y*&Tn!Zi8R)2@&eeBF{-h3iVz@0`zHN*J|n^752m)L+O=bBL~qCteZ z>zzC3Zq@6fEFI`NtTmb?Gu&GQ)@8^8Hs5Hr7r2N{5M0`LTOr-ADr5zxfV|46+2GUq zwN56%m1l1jSP!dk2B7kT?R(dE(>8YNj5UBiQqqjfa9!2^$v1_Tdq@S9|Yuuu1lNuxe3tL zgzH>UG_bW2_ncB}tPt!pdk z-_``POfc-zE3(zlETI|WZMBaj()6^ gNBb}8b)BW-CtVQ@feH=$8~^|S07*qoM6N<$f}~M6jsO4v literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..cbef6fd0f6ff820cca0001f848d990fb379368e2 GIT binary patch literal 332 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#hn_BuAr*{oCtu`hG7xFoZmcTOm2g+nW1s8$ z`iH&e7jRTQZ|n+S%RMdV+|2)*Sn;R+T<>E+I*51zjxnv_uaeq5KIH-sJ^>v+mT&LPBO!BEG&N$V&xG8 zSssx1@b^jrn<&>&APq5IZ11^*krEUDArN)DD^w*kA<*b_%1+;M7>hB?0Gww0)c#9* z>+7LbpuV%?xTmfIw}4;uskgR9Cj{iqO%JLt2T;-vE>1GEL3l20fjOZX-gjV=qK zy|48=NBLdE(zhs0Kch71pMM=l*oICZFBxdDx#tcA#O@h`vNAD?AK;jEM9w>L%qN#Z zO9E;)>6gnnq9(Ws2J*n`70<2e#O2KDrp(xDGzE1ibE+7BWBF>T5keOXsl~gU!XXC zD9J_pz|kEe(=7T51;IJrQvFXN&Tx1frmA4Z$(Cp&f8aXE9Mk%w6bOzJ?6sbSs-UcE zalq$OMMP|nqe1WFg{UBeI3rAX3S1&boS4hPg4b}>XL&#GbHiDcIjXgCM#%Xv?53h! zG}{OFW}N{#P%-g(-ADhVz>rY9DjL)&%n1uU2rs7FXvc>yA4ab4-daR*9K3lvy4T5( zx&5o`RJ@r-rnE)w{4%*xV1U7$$Qhw-3T&VGJ-^2;Cl3K-Z&QC?f o>o+qat3fUO)>;l_CF&^709|Gje~?M^761SM07*qoM6N<$f_k?#GXMYp literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..452540c08999ddbef906f37fb714296e881ad092 GIT binary patch literal 323 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#8=fwXAr*{or)=asWFX-BKT^Y~qe(C*XcOZS zrzt)RGZlI!@hYh;Si)lF(YeCL=~Ty|c3#1`$^(kczhQc&y=S3S#DO#B6^9-eMSM7N!)H=~ z@^7hgS`#X-%}^`yND)sy`ZGkr$6rH;HL!ehNv(%`V)wQwKesumdva+1%VBH> P`jNrY)z4*}Q$iB}(QS6_ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ee30623838d36a39ff9b3a60acb0b3d494fd31bc GIT binary patch literal 156 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(KLr)jSkP61PXAg2R7;vy0R6e`p-IR&1M7#wq ww!b-G+ds7-@Oy1{s-62;4grM?iVRmQC%1=P&o>FVdQ&MBb@00tB+B>(^b literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..ccc0b146588a980cdcc053881df856ab2fc52e3d GIT binary patch literal 155 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(K15X#nkP61PXAg2RIB+l@Ea;8--@BA=Ba2|| v3BD(iVN78+|Lr{WJX3;^iA9g4VIRZkVAh?sb+hw;dKo-j{an^LB{Ts5jAJSJ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..d61b72884f0072282f104e53ec2e30ab7fd89581 GIT binary patch literal 156 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(KLr)jSkP61PXAg2RIB+l@EchDx-!Zd|N w{5KnI4tpKYGXB5w)bmUUMkW?LmWF){d=uHsUmhsu2Wn>UboFyt=akR{0Llm|WB>pF literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..4408c6d375b32789ff0570784a3b936aa5f5338e GIT binary patch literal 258 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zE#xJ9h zZ-J240@llnvJRXne1*)H6ni;)CVZV}oL}*I|E`P7(yJ4^9vbZVe(e+22GxiA3gw&T z%uf3rq&iu_Chc_bF^yM66Q2YtJ=~<=v14W8wqOaH1xzQyrb;vmmd?@YoTdKCH*eLE z>f)HJ$wimug?Rp|e803i|J(l4dzSAhdDL5PSHfn=|9{-G2co&H|6fVg?3oVGw3ym^DWND9BhG z_faLYy2 zw4B4qO6%n3uazr$PjAjCefjL3cyzXS)ctQ~w*1uJ-S&<_X-G2co&H|6fVg?3oVGw3ym^DWND9BhG z-G2co&H|6fVg?3oVGw3ym^DWND9BhG zXj13e{4M+9_a!y-?r&JR&~RDlySgv)td!QpJGOYP z%(@bFze`9k;GZx^prwfgF}}M_)$E)e-c@Nd{Ivq$B+s}MlOc0{~4Y=dnOMQV_*;qVY<|r R^(_X(_H^}gS?83{1OWH`9I5~S literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..7dfe04de6f622d1d8206cfcb102f8f1a4b259221 GIT binary patch literal 263 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zs^w|2(`57*;nnJ!xLi$|_kC&Gnt-E9yQp9v2O4Yk!a?4D&D95Fo_SwuY zt;{E@u-Ikg7P0M^>^W(^0n5uvJOAcOe4mr~KPCAb`+_V>!RBmbJ)k=oJYD@<);T3K F0RSU2TLS<9 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..d0ddd54dd8dba57a7489afbb7606ae27b81c7fb7 GIT binary patch literal 271 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zF+9q_>5nQo0Nk5|iyZ32xmKdX4kuT%3(>d8%H z**Ixcx~sb9siN9AVGr)v7@E OGI+ZBxvX-G2co&H|6fVg?3oVGw3ym^DWND9BhG zgTe~DWM4f D0ZL=- literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..6ee8a9d8b33ebf7a54f5da82a58df631c94ede5c GIT binary patch literal 272 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zKJ9)Zbt3PHJctI3pX89sTV4(dt*7OWa!84X@rQ zy}R0D5z}+KaNhqhZYjxr+XGxQJBx3NaES=6+!|})@70me!qag@-1FbU+%A=S%7^)k z&VM`~<50iS<511M<+ons#ICj!a&AlAn0q;AGDnZpwK6UFwhDi~q7 OFoUP7pUXO@geCy}ab+q1 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..e502307c393989e348ef6c95a849e35ad11f349f GIT binary patch literal 127 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjiXDb50q$YKTtZeb8+WSBKa0;Hli z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzKExbV@L%fBPYYR{|wKbJ(CBDF$gy?T~fPZ Qdm6;{boFyt=akR{0Pjy6xc~qF literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..edb3e7b3ada93f5d1048f37ca644cf8793bee6a0 GIT binary patch literal 261 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zd=B76myy+FZ+!no<^LH9$Wu8Kf`6N+9ah36@e_0_FJ_DRjmV98PpAm^ zjXj+nEWW0e-e5gb-G2co&H|6fVg?3oVGw3ym^DWND9BhG zbQZGxP+n z%LkTu_qcallxEpf7+f<&OqiFg#p>FQ_xrh=KN)s2@RT}dX7tQ7>Nh{1?AOB8kaIbv zFY0x+kWk~>*B`AHty%l}vtQE-=c5-_aktFby?Tf2AD1borhQONJ2!d4zC&i79mV@v z?I)Y9tXg+lWr@!7>de^&+FdstosQH$+B-j@I?DL6Qd8&w!H;atp0*6@?wihYE;{%J P=wJp-G2co&H|6fVg?3oVGw3ym^DWND9BhG zwb0d#;j3XFX2>SC|+7K?QsXYpw-oSZKeA< zCv`G%DlU4wSiIt!%O1^wk8#{QtIxhH(C9oXdTC1JB-=eLD^+a$9{u68TbZWxZj;KY z@5j88O|M43_7p1r)SWGt<2{u(+G=vQ&0XuAH;foBOtqCWa(!D0bR~nQtDnm{r-UW| D96nt@ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..38bf515ca80b302fc98c240e0b5e29ad177591a1 GIT binary patch literal 272 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zu27dF0oQ|l8~U>Inm_H zChK)NxtxB)l>ST?m^jz^u8!bRM~>4IxI_dsx5`SaQE|C&n62YVn&-cTxtmlBl@9y$ zJU{aM+J=8Y(^`JkY`>LZcK&FF=NapnYVqM$jXE6GpT6byG&cSI$%C`>ZKpe*%6j@P Q5a?hAPgg&ebxsLQ0QYogJpcdz literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..daa169509984b567e10824b33a99615ff63a03d4 GIT binary patch literal 127 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjiXDb50q$YKTtZeb8+WSBKa0;Hli z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzKExbV@L%fBPYYR|3EGS!?S14n^E_u68 QiUILGUHx3vIVCg!0M|1c=l}o! literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b085dd3a2bcfd14f0066b0f86aedfc4625374624 GIT binary patch literal 250 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{C-at$B+ufw^J1PnjHjO)1`AROMhY8>*yQm z%d4JIHQS4Y>9neW1jjsqCa1Mb8wEI;92Be#1oAd$RHW7In=#$+aEn0rjmG7|W+wU@ zjF&$UkqKR}`(wJVPLQ6#hGgKr!jcC`njxgN@xNA;(Ae% literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..e8bfc8909a2ec936eb3b4f6a4042475e7c9186ab GIT binary patch literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@Ne1A_D$B+ufw-a{rG8l3=KP+)&TbTU6az>My zlKc(Db(6v)MQl#zr1dt`usq|O_n@qCxBm)GZx^prwfgF}}M_)$E)e-c@N{B}v>NGtjtnxo2TeK z{oa!Fx1Kj51U&-PCQMLjKIk#0!Qi0upIrX`r@Qm-{buKDm|3@~rFkdQx&~qPJzFK5 z6)PLIUOUp!|Lw9%YM;xBj|L}JzkfWv<6UIiI*oau`~LRqHTb-$+wzKx#D6RG-423| k%1*f)r7!1n@0!iHq)e^JWY(0~KqoPHy85}Sb4q9e0CPK6;Q#;t literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 0000000000000000000000000000000000000000..647066588ec094c1f50b2e273dfa623b65d714af GIT binary patch literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{9sQP$B+ufw^OY78Ui?24&Jym@xb5nZtiPa zyXNn0j{d2ps3>B6VL|9tj)|Tpcn%8uiM?=FJaod$-J9ZAxAk{SEn+-$x7OMIbo-2( hoqx9Th3+-1X80H({UUN_;R2xX44$rjF6*2Ung9slKgs|A literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..62c1d9e8357d68b9e43ef6c2b005afe09d234786 GIT binary patch literal 272 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{H2~Qjv*C{Z!aw5YIcw~@bS0Uu~QPws;3{F zIwhBowN%ja+Py1nMV1#`2sWkW3g?-lc()QU0G8=l$B@K`K?aoKgoes?2f{u?gp QKnF8;y85}Sb4q9e08(pY&Hw-a literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..b632c27bf05fd2e383dfe39d92a7236d85a42c95 GIT binary patch literal 202 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{CH0n$B+ufx92x<9x&i>37l`J_~4dwh1&YJ ztSpyg932%~6__Jj5A5IbtT5r3v94EW?zxr8J-5x*u$gsGZj8#-`LL~#_YXq_!}?o_DYHT@Jpfw8;OXk;vd$@?2>{i;Kkfhk literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..47a4a342f4f0822d24a675967aea40c1a7dfe247 GIT binary patch literal 263 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{5hU3jv*C{Z~Gm&4jBlzs!v`O^2kkb#RcIV zpBUl}GgmlWmpjP3qcDG=;sd7^zl@|L&64{s*X0|3PXGL@d(#&21SgIy=XSaWzDO^3 zPEcXlf6}P3%YXiAtrh#PNNi>@6RTeItE1zzgx$4u>(}ryyqX^LdG_~z(#@A{$;@D7 zaCx$1&fVK8+ut;~%GZx^prwfgF}}M_)$E)e-c@N`~*)I$B+ufw`UEx8Vq<^A1=Gd*Ho;3>G%9) zEKX(Ys&3XIHV(!df2XtO|8#KqW}p$eH+yZm=F?a5JuLeI&i!Oy=su|E(sO3dOvxP# tvX$wj%uy~|b}(tGmas+%&p5!}!0x~*dn6}P>L}1I22WQ%mvv4FO#sT2JlOyM literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..5791e2667bec5c3b6c201928f675c24ef22add3c GIT binary patch literal 251 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{0W{ejv*C{Z_g|8H3#spJ=h-_e4AJ7PTDjb z>tkwVt#=dHXU?1xUDno_+Qh(Vp)#!{!9aqCk>#oFamF~=`5FIL*)P5OT;Jf)=S*H! zo>cFHK@T=OnD|s$BcY?kY)NT(1C!Xq6K$*B#!JP2Xt;X$O%ltt`>wN6#_oZR;4AJAzopr03`}pGXMYp literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..fe9f834a8bf8a76f769c863b3dad4805c8ac449a GIT binary patch literal 192 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{7_F9$B+ufw--0^9x&i=3EU9tlEnM%ew);^ z1)Ylov_siWh)(-swMxJ6%{z8RQ>NREvJr|CW|}h=hW2(yuw0t)b5@tbJ>HP7F0MbS i&y<%MzgGHm`v<>SlZ>J8F)cHo1q`09elF{r5}E*t`a9MD literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..0fd93872941fa87a68e744658f6fc97559baafa2 GIT binary patch literal 234 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{CZCp$B+ufx94^F4jb^WKA66LVs6mVjSn_H zlub;y{^D!Zym^XKmo}|hvS8!v4RQ);e;fYx%*zRyRV{MwGXtyGsdY`O7bG6sc9%&c zLU4(c(*!;)ug1Aq0w?2p^>cdezL2>#>HWR;`!^{|8I=lLWG?tW=c7yVvl;>2{Iq`^ cAGmvEJ_V_)3!U+H9?&Tap00i_>zopr02^^u(*OVf literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 0000000000000000000000000000000000000000..192d3b714ecbdce1f168a8bfd670e2529bcee230 GIT binary patch literal 194 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{BTbf$B+ufw-+|@HaKv!CR!9nS@NDX5}ECg z-{g4Z9OIH5PxieFt^X7dTCQ2RInZ`88T*?woa#&GlaQxsDwRJe-fDJX@^Q lbYD?vZpW|Un@sjQ8I`r^(&K6n5C literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..fb5f40402d615848cfe4f12e27bd91541afc201f GIT binary patch literal 253 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{7IfJjv*C{Zzpc#Yzg3LoBUyl_PQOrpE+0v z@EtsK=+Gsn4dran+S&(mWgK;mTvD8KKrrUOa>2U_VomZYf3E&#ZQ76={`GXod6{%s z#t$bN_S{*u*);IHoPgU$t5XvTw#cQ4{kiA-al4v;!`kc1tMvWndzdV- vwB)B+#QX=v8AGZx^prwfgF}}M_)$E)e-c@N{18tU$B+ufw-+~Z9&q4jP24-#F z-X%Fq(pxIl_?x|AzQUp4v_-q~1tZVwS)f^ST=|ibQp>YfmsWmcI+NqyE52ZrG+TD< i3w4IWvJV*S8S>f^1@?WuHfK7}dGZx^prwfgF}}M_)$E)e-c@N{6w_t}t8vGd4~Pp`liG$7S#Y1s3Yzcq>Z_~6{V!Z literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up.png new file mode 100644 index 0000000000000000000000000000000000000000..d916a2a8ca686a81bd4a0687c201ab10919698f0 GIT binary patch literal 205 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{3K5o$B+ufw-a{rHW=`*{$=!@p{AUEpl1T3 zkft?D&x#dqnKZ-qeDbT}&@c8|v$bp0rVay(jW?gnS^2$g$rO$`jmdKI;Vst01k8=^#A|> literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..15e37e2a32ccb13736dea26f6f08e584022c0f6f GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?3oVGw3ym^DWND9BhG zmdK II;Vst0EsOZ1^@s6 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..6c661722ad7735b8b6760057dc5462c63976649a GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?3oVGw3ym^DWND9BhG zmdKI;Vst03VtjyZ`_I literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..b967a0a5976ecc37c1089fd9606c9f57d9472fe3 GIT binary patch literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?3oVGw3ym^DWND9BhG zmdK II;Vst0EsOZ1^@s6 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc b/dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc new file mode 100644 index 000000000..07ffb004a --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#E9E9ED\nbase_color:#1A1B26" +# Foreground/background +gtk-color-scheme = "fg_color:#E9E9ED\nbg_color:#1A1B26" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#E9E9ED\nselected_bg_color:#7AA2F7" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#E9E9ED\ntitlebar_bg_color:#292E42" +# Menus +gtk-color-scheme = "menu_color:#323449" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#E9E9ED\ntooltip_bg_color:#414868" +# Links +gtk-color-scheme = "link_color:#7DCFFF\nvisited_link_color:#BB9AF7" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/hacks.rc b/dotfiles/.themes/Material-Gnome/gtk-2.0/hacks.rc new file mode 100644 index 000000000..c288da359 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-2.0/hacks.rc @@ -0,0 +1,36 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file contains horrible hacks to make this theme work with some programs +# This is mostly due to the limitations of GTK 2 but sometimes its the fault of +# the programs themselves. Not going to point fingers. +# +# Either way, it's a WONTFIX for both, hence this horrible file. + +style "toplevel_hack" { + engine "adwaita" {} +} + +style "chrome_entry" { + base[NORMAL] = @base_color + base[INSENSITIVE] = @base_color +} + +style "vim_notebook" { + bg[NORMAL] = @base_color + bg[ACTIVE] = @bg_color +} + +# Vim puts an eventbox between the tab and the label and colours it, +# we need to handle that +widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" + +# (he)xchat input box +class "SexySpellEntry" style:highest "normal_entry" + +# Chromium uses base as the fill colour of its own entries +# This would be fine but GTK uses it to fill the surrounding space, so its set to bg +# That results in Chromium using it for the fill, so we need to handle that +widget_class "*Chrom*" style "chrome_entry" + +# Hack to be able to match widgets in LibreOffice +class "GtkWindow" style "toplevel_hack" diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/main.rc b/dotfiles/.themes/Material-Gnome/gtk-2.0/main.rc new file mode 100644 index 000000000..8349b0e88 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-2.0/main.rc @@ -0,0 +1,2708 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This is the main theme file, handling all the default widgets and theme +# properties. Since GTK 2 is old, we need to overcome some of its limitations, +# which is also mostly done in this file. Sadly not all of them can be overcome +# so there will always be a visible difference between the GTK 2 and 3 theme. + +style "default" { + xthickness = 1 + ythickness = 1 + + #################### + # Style Properties # + #################### + + GtkWidget::focus-padding = 0 + GtkWidget::focus-line-width = 2 + GtkWidget::focus-line-pattern = "\2\1" + + GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) + GtkToolbar::internal-padding = 2 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 4 + GtkWidget::tooltip-alpha = 230 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @visited_link_color + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkHTML::vlink-color = @visited_link_color + GtkIMHtml::hyperlink-color = @link_color + GtkIMHtml::hyperlink-visited-color = @visited_link_color + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 3 + + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = {0, 0, 0, 0} + GtkButton::default-outside-border = {0, 0, 0, 0} + GtkButton::inner-border = {0, 0, 0, 0} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {0, 0, 0, 0} + + GtkPaned::handle-size = 8 + GtkHPaned::handle-size = 8 + GtkVPaned::handle-size = 8 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 17 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 24 + GtkScale::slider_width = 24 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 4 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 12 + + GtkCheckButton::indicator-size = 24 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) + text[ACTIVE] = @text_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-disabled.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left-alt.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right-alt.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-horz-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-horz-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-vert-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-vert-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-alt-disabled.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-disabled.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-disabled.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 1, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {1, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 1} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 1, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {1, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 1, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-disabled.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-disabled.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-disabled.png" + } + + ########### + # Menubar # + ########### + + image { + function = BOX + detail = "menubar" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-disabled.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-disabled.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-disabled.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-disabled.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + bg[INSENSITIVE] = @bg_color + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) +} + +style "menu_item" { + xthickness = 4 + ythickness = 4 + + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) + fg[PRELIGHT] = @fg_color + # Chromium uses this setting + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) + text[SELECTED] = @fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 1} + } + } +} + +style "button_label" { + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 6 + ythickness = 6 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 6 + ythickness = 6 +} + +style "combobox" { + xthickness = 6 + ythickness = 6 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "combobox_cellview" { + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 2, 0, 0} + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {3, 6, 3, 3} +} + +style "notebook" { + xthickness = 3 + ythickness = 3 + bg[NORMAL] = @base_color +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = mix(0.7, @fg_color, @base_color) + fg[PRELIGHT] = @fg_color + + font_name = "Medium" + + GtkButton::inner-border = {4, 4, 0, 2} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {2, 2, 2, 2} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + bg[NORMAL] = @base_color + + engine "pixmap" { + image { + function = BOX + file = "assets/frame-inline.png" + border = {1, 1, 0, 1} + stretch = TRUE + } + } +} + +style "tooltip" { + xthickness = 8 + ythickness = 8 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +style "disable_text_shadow" { + engine "murrine" { + textstyle = 0 + } +} + +style "disable_separator" { + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 +} + +# Default style, containing theme properties and trying to match every widget as +# much as possible, which is not only faster than trying to match every widget +# by its own but also less bug-prune and more consistent. However there is some +# widget specific stuff that needs to be taken care of, which is the point of +# every other style below. +class "GtkWidget" style "default" + +###################################### +# Override padding, style and colour # +###################################### + +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkNotebook" style "notebook" +class "GtkHScale" style "scale_horz" +class "GtkVScale" style "scale_vert" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkSeparatorToolItem" style "toolbar_separator" +class "GtkMenuBar" style "menubar" +class "GtkMenu" style "menu" +class "GtkTextView" style "textview" + +# Menu and menubar items +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "**" style "separator_menu_item" + +# Treeview buttons +widget_class "***" style "treeview_header" + +# Give the file chooser toolbar a border +widget_class "**" style "inline_toolbar" + +# Fix padding on regular comboboxes +widget_class "*." style "combobox" +widget_class "*" style "combobox" + +# And disable separators on them +widget_class "*.*" style "disable_separator" +widget_class "**" style "disable_separator" +widget_class "**" style "disable_separator" + +# Join together the ComboBoxEntry entry and button +widget_class "**" style "combobox_entry" + +# Join the Combo entry and button +widget_class "**" style "combobox_entry" + +# Tweak the padding on the button a little bit because it +# uses it a bit differently +widget_class "*." style "combo_button_padding" + +# Alas we cannot do the same for ComboBoxText because there +# isn't a way to apply the style to only the comboboxes that +# have an entry inside + +# Tool buttons have different styles +widget_class "**" style "tool_button" +widget_class "**.*" style "tool_button" + +# Notebooks +widget_class "*." style "notebook_tab_label" +widget_class "*.." style "notebook_tab_label" + +# Notebooks are white, act accordingly +widget_class "**" style "notebook_entry" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "***" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "*.*" style "notebook_bg" + +# However, stuff inside eventboxes inside notebooks is grey +# again, react +widget_class "***" style "normal_entry" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" + +# Button labels +widget_class "*." style "button_label" + +# Normalize button labels +widget_class "*." style "normal_button_label" +widget_class "*." style "normal_button_label" + +# ComboBoxes tend to draw the button label with text[] +# instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# Disable white text shadows +widget_class "*" style "disable_text_shadow" +widget_class "*" style "disable_text_shadow" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 000000000..c3eedb0d3 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 000000000..96be359b2 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 000000000..f016658de --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 000000000..1bc6987c7 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/close.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/close.svg new file mode 100644 index 000000000..06201c39d --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/close.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 000000000..e2a252b5f --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/maximize.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/maximize.svg new file mode 100644 index 000000000..39316eba5 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/maximize.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/minimize.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/minimize.svg new file mode 100644 index 000000000..f3683b9d7 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/minimize.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 000000000..d13b0295b --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 000000000..ed8d87adb --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg new file mode 120000 index 000000000..79b7355c9 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 000000000..b68859d48 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 000000000..de0d7899f --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 000000000..7f0235f10 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg new file mode 100644 index 000000000..993f30828 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg new file mode 100644 index 000000000..740bc8b8a --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 000000000..73a1dbe5f --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg new file mode 100644 index 000000000..bec2ee43a --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 000000000..37d9c04b0 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 000000000..1bc5cb6ff --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 000000000..caed76fa0 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 000000000..58aa5ffed --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 000000000..0e477a9d8 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 000000000..d0980e258 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 000000000..0fdb5302a --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 000000000..251e2f543 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 000000000..86dfcec08 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 000000000..bafb55887 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/unmaximize.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/unmaximize.svg new file mode 100644 index 000000000..492d47a23 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/unmaximize.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..b2487b9be98b399a34c1644ecac645bcaa860ebb GIT binary patch literal 1058 zcmV+-1l{|IP)jXf#hW6Cp2Vx3JPIOsu^#o}!JD_+q6k{ligWol3lW-GqaOTy-5FIn9a=2n_u3%c{2oHP5+4$Xif^_ z+3~eGunLA78RLyp>%RMeuvNC`9s7I9Fka8i&Ab{J z`IsTiB^SO7lHLpQm)E|)-&8g`HUw3Vap8Di-VW5eyL@SRpL{Olxi3d~>l-Y+=3Rkod8>kAS@+St(TN+$`u{2S6Jg zVH#d4EN`GT$>TMsItKFqSgLsI=+QHsD7OBaVVWzUT3TTF!lg>hG@Q>v?CBFwNnJ0x zA*O$1cV#jIGf+(>m<7NCR^##bITjR^2+9LD=sRd-1W=pFw%wP3eVhe?DHevatWN8| zK_QeMu6+0ivyW_s;~+>^JTP~#y%RWKvckzEyB)(J(KsHMw}snSonD~J2yfoPo&e)E z2m$7fWhYXF6L(A_h@EBZs%<9}82L;v2a%K@D|K>`XMF+$30Aa}m>j_0Se=n{8f2x9 zjc_KwS*RUNje&vUq?nTp4oG>8<}zNQC1+?qgauppz0l9;huF&(m5D`AG{N#@nWc9i zxLpWiER*^4i|l}Y-o)$3#4I>b)~^^QHb+O_(+gzC;3vPxG|WCy&x0gfAd~}H*Cuxv zsYKVFie_iW=eKNapH)@$Jgc9k4lR=gtG%Q0EP|r4v3+BB=QWq38v7f{}>p&cj(=s-DfE#=Gs4h(RCBQPz!FvFq1 zi7B1wYoISm+q88$KxkaIL)r!sr-@_9(u)0+Zjco_^{ym42Y)jf*^0H6KK=i{yRrgM zrAn15RjO1ej0E!w=kb^@zsl;t|%o4ZxN&w1>RAlXZT@2H)F7!8FDOZHq1vy{O zCC@IwgxSJO$9CsFp5wQ$VuI#coD`BX*W%pIQ~VNEOp;t=%`1!)Sv$pfF3pb`=8P)4 z99$GAE)Jl0Pw5my=6LU$G_QpfiYTWj#kQ@OtYS5+kRbbF*j|HUUr+E#m@@^PqS#{J zF1NJYR^Qci=M#ZYXqh4_ZL%C#Mt6@%62w@;rfFUvCP^7aE}?7c;gOLmrv?TNpNDA) zOb}a3*IrBDlQ=JGSTR{lQUGkx)!N!szhp`Gt4c8ZIF0AKYhlQ; z42q&a0GEIQ!C=68&&cJpZ-@U*eL}@0;eS~=%$Da#UGqX%Az1YK_rqVFRNxg-M44w$B-|~F3yukb0cgnS=O?2=|l0hwvMkPSzg9OO-*I< zBFHU~a2TS|h$Rl|-G$V-mlKJD7;U<3u}fohP3RyL5W_iam?f+4k>_4(XlS9br1r_o z6pUY;w4%yubi;rtdLfWdC>X1Y)xXl*+&-8}{qd*mWA;>(z(s_)5#}uLC@P5Sm8)Oe zS`)qDeL{?Idi*M=ss?_8>8(<6p>QZ1SrC1peQ}pObZ+3_wLg0{CKD0HqN|{+)oa&p zjf59$$*L-hk52$01j+@bdX`=sOwVvQvf}1Nw@Jz5S-Ui6;pZ+%qQdN{$kI?*vEu1x zqtV)ruue@(WS~;0+H^!mqtO-3P4Nq<)bD4&qh3-}*sS40PtU`*+|5E3|zQ26=d>TB6G8y46rS#r=z__^$$PF|uXBGG?uDs_5z8)zU#pcvsv|CP2(S9p&0d<=RjNY zs3pr1Mdi&92w2;Uc!wnvU!y=2$pazOha^QB8yi$xlnF%`uP~PTmayL5)wk5t)P8Vv zA`<~l^gEYYvdF?4OWubxHiAL-ljvYo9v%iBaGqLIQ`2qe^7eH45*Au#YL*0V(MM(? zEmps3tm?z4b8r)>KIdr(|tyT~C&?_+nIuq+v0ztsG~xV&@c(cRY3Nt*;T5 z_XUa~_wn4%!sy~np;Ev$c`gFpF_D#E4+!4c5{WQG(h2F|*#U-y=+ORs;FjRwLsnb7=!UTaTs)W}I{CJwrTNs?CrCv2F(J8>43 zHI4E4K;qz!;AT7t{N(j6<6{$_(e)SzfG5rqX>Md;bY(NyuR%~0L-gq#hBP{wQX88( zHCdL|fdHjOn!Cut>5%^JnbUi)csid(eFLoMB`nIo8k|KdQ*e z>mZ0T(%i~IbfRrIb87Dia8c;mK~vAPUdLG`bGS%d)B=XP?RsAf}pGu$9~!d9;G6~vy=pzeA)^0yNxtA_$3SR zQdl09lIEu@#1CN=i!{GwA-+Wzqg>Jo$nsPa!*^kb-_nXimM{1%%=h#xS7b5D5n;Yb zD`#Xe%94`cgS2u-7NcCk5YMDlBC;6e6o$B#R*s>=T$EcFA}p=avXDv$%cE3jm8w}z zDk-ewNTa_RZ>F-gLj`J)P^C(hDph9l9}f6hVi5k; Q9smFU07*qoM6N<$f}`X$2><{9 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..2edbfcb3a5ce956b994a2e839d2ab110d5679226 GIT binary patch literal 1015 zcmV~a8+a|ltB)fD?W@aCW7wI2{N%ota@5g^;zu5#}U;l|Xs7)N< zvu3)cK^-P`a*uHzU-8`xr0Tt9x@KD+8XIIg2KTGM`On)YRPN12x8%&X1K zudC?ljt;*IHr=yw%zzSgASn{*?QRZrJmq+P7;LCmC`@kuOg`DzSX@D071(o+>6~CO zud#<3Q1kW;Tp08Dg3l4uQLrhV=X)EQd^egykwPZDwg7)Grz>c=~@2W&9We;|ApLHS67B(DT#PM?L&&cmgK zmCmGKe(nRrT|?+a_d_(nOsdnxs<3R02(mg2zEKh+rqdu8h4`oml8&-A4n{bh1t-$w+Dmw~zyrxvjvk zsKqazSHP|$uNU0pV1sFpAO$k0B-m9Vu}+&k0gM96T1r*bRAQ-ET3!OXipM`u5~!Hi zIGUV+0jJH9g7b6lA)QWxm2fSi71~0v7z4Lpx$Rtx5{Id&$x>n#6fUqd6_lMBpj3S< z=4+2EZ{=HCyN{rkz^eM7C<-hue}|r);8s;%Q`J~J{^kV>%<8FBmAo>J8A$_h z;xd42A4-FDeNO5!Vp+W?LN>c5qvIosUihw);%4U*CC`MyDyqdhi}BYpz;Fx8&X1AO zxp`{n%0rIhAJ7KjLmi6+rD^Kpg^$yZz``voOUDeQk}Gdp+q%(q&9 literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..21a409ccb509065541880bff471c05b74ce14445 GIT binary patch literal 2055 zcmV+i2>ADjP)boJ?G5K?!*3)VYbuG?Cfv; z=bLlR4gh7!lqplDOqtvWP+DluM}`ukSi*z?w~@#NZZj1dSc{;u*1pz5)~s{=&Qz>Q z7%52mI-fjJf(+ThWX*Q%K89nqFg-!}7A?8tSaei*@&hXUK z)i5kePz9-LVdb>|CW$kmhUv*tCE0*TS4~YFlJwYqyTjQdh~m@0fSgVbFD}e~9gpAs zb8>P7%S+{0NRhd23QX_{%O#6Ulqw60T2tT9deCmOA0!jROEQ`K{?5$QXGmNK9>_{U zwmd`Xni0Zs$+D5__Rg-uMvKz2w6ys7(7?%0AyXJB&XA<>2+Jo+SsEHz10HYVH>l~g zfd$}tcPkQpbtP>{Vj-oeb&W}y1Z-%#4Oz0odC?&WewrL=Z)3 z>zdj}QC$lSgF$ymR$*D)ho+|XmTGs+cg1Oj`q(7fHoL9jr+7RX2Ln*==A)s9x)-KL**O4ZXpBUT71RvnP-0*88YtyaXi*x_f#(-X@4l-#7=EV^RRh z=1FUq91ALiJ`m^(*3{OW;z^g&<%BIyJ_Sup0dTwBXj!dnPb3l$jYeQ}>>7-XUW0f% z4(!PB$?)(K(dfhs`e6wk^v_6n4~0gU8ey`}W$)b7^Q9z7uK@#C&d!~?6;XvSG&BHb z&z@!$mrO2vGT8syN02EDF9rAhX__QC6{ARNZr<2ZS@p<=Xp;*lX>ad@y?ggTO-*gV z`}ll*=s^3Wl1aFEa|&odcg+py)Y9?0cjNaUyJ;2#t+0&lL}TOQyCj=^FHo|5`?Jv9 z-2*lo{p=FnCm39(ybgy$bUUL9yQjmYQG>GV&{r+ZrSJ6&Q6}CUn zqr5>?RdqX1f>YsgQI|Vioak6AY4v)8Y8S}Vgk`(|npUPx7fTa*82FgDTS9{<+3>|? zn%ZJX7zWMSh*SwHwClh^#|Fv^Ap&_arVfqBy9rhCFe6eZT=#Ka4$L0yF^yJ|EYI%8NRbDwySSXPV++sbNfSlt?T<2}1o@XoO{c z3oSz!C|Fpy2WAn8OjG^+%DHELo&sTMl2k(pl}IE4W)YvG8;ql?9RtSC!rCO|w45HK z*(p3h6-X-Z)DImpIr~ZlYthGRs*&%N!2#3i80{cjmH}UE(-W5QoR*wQodyaL3khXD z%V_X1Y3Ik1sYQJ5+UL#+g1LsFlcW-cIfo|yj7(WP9#bY1Y56Z6QH7b_Btd^_XJl}jng{yX~VwLL8-7(3uR z!h~3CD&emSRtSPfJt?K$*=VJ)%33D%#nqAXzW_&nlKbhM%2mE0R|QTPP>-%@rSZtZ z=}OGsJ3KQJngzymVOWK!2(z;j3m$K95zUV=%{>Fa;_>(@VrHZT>Xhe_j=h3@8q1DAW>1I9Ze33tNO7i--0XY3Bgo50XCF?!PY zW#Ohc{|ah~cObK~$^@^l`=Aqw)%pS#BvE<`7|}}Om4!*B7xxVho$3dULQi6Zu=^>C zPTvT5e8DiPXS;zBRT^IN%1X=0LxX?!{Ro_Oi-hT$lRU>!z8UY>)bqAYlD>i>f@Sqz z`t=xaJgJil!Om?aBiq_7N%CCyA(7&C+wEoo-U!kCsY6|1D>kY%VS z71M=b%$BB;EK@LBnCZ>as${8HkucMwS(z*qOPVB@AkFGzsaPcpW0{ zR&*WmVYM&}v$SH%!W2VT28Bv1R?X5hPByGU!3x<%i zJ>+&7Qtw{A)O#EZn$O~;6oipU>-YNCg+xJEmL{a%xqMNPg(<42Qbl>BedFdG2R3in laR4~}145ZHWy+Mv=7088iHFqq_5A<<002ovPDHLkV1ged$+!Rj literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..2563480f531c6eb36a230e87e64a42160e9e8ecc GIT binary patch literal 1037 zcmV+o1oHcdP)IL%>G(fsl9C2rZ$~!bL*b#ZoAHN&;7GOP<`QW@BRJmJ-^Ss=iGBH1Ng7M zL=+?^3UeM6#iEdcj@3LPJVz&7i-97sV^kDVEC$p`fY8Mn9XpEQ1Sr(jL`NZ~xR4qk z1i~aV8sg3g5@5m!Ezw0uDRE5f5*us!^78T>)zw!onM~6w^80^2?d|QpQ&)F$ zio0BexO+tBTZ({u)?5OQ&D&eK#{THL~2u0Y(m2xtHk51(Oh zaQH@6*7j?VgnT}4Q%OnT?F2ZiYc!C-P@e7Ye|aTYC?wQJS66=}tpC`=7iNQWAOqFd zc-LyTA84Z}Dh*Pg^z@9wIXRYReSJMXh`$J%#K?d##l^?2OU)nc{gw%~4+KZeSHK4zJOAp z`G*tB>TRUwq`>$w=O+CgY_VB4D3#me!^WlhmIDJIY!`+!Jt&pb9Fwa-1mm`n8C(J_ z2}-rsybBwT^)0zyl7=#}wicPdC3CH2P%4Kl2PD9zL1L+p1q+2jgSccNw}9?a;96$J zRyb(KFSLQca))NH;o(;u5_zaNeUvXuf;xBRxMbez^$tKXUl(Iz@7uX$qY8HeTBja7 z?%lBRi=nn<;=#k=a7TXr{tKY->wqn*`^ONKig%XOXk!m$kCvo5PK79!YqA!dI2?J-SnQ8D_3!Ez%hQC#?|#f700000NkvXX Hu0mjfK>^;v literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..3e774621dff14a8db06fd6b6ca1e058ea396f489 GIT binary patch literal 2079 zcmV+)2;ldLP)o1t#wt4iiJ70F{C&)9YR1mCu6d)>HcwS%uNbaH(?+Q z=2+%GWBWraRB%;mt@bmf?QB&LWwv43Sv4)DvCY@+x%S#O*IbtOy}Mi(`N47NrT5-@ zzdY~re%t}1NRc8%iWDiLql4r^T%Rx`8CnU`#d(Y*9Op4rF+yU|N$ka+r3j1m(Y{la zL`4`WNc=gLJW@g!W(o_7j*HJx9JPf>35vCei6$r3CO%J5)Dk8oNiVUd6&8}%i^VA} zO^qBTjw(_PZU&GR2O!;3iUoyY{H>ZarG-U{D6uF5aZE~(3nH#NC5wSpk?SPm#Q)gs^C`jO6~}#jE?37A0nA=;61Ol@&)JQWz;tkx0`6JF#Tp zW;%HA%f&8NUqepLyie4Wh2S;1x^8yhHSyX+J;?ki)f2}J>xtrFgIJcauCC$Tyu946 z)D|Ts6bg;pxpVvDZQI_ghlvOiHX+i;-j*6U!o&%lk1E_ZHnx10ot^V3Xvm{SL&r96 zUSA6nvivaJM8)GZDp;DNRHEm@zp1J1fY!1QtOM2srt3zI{g|63YYvN+yY#0|*T0dO znYAC11guMa{rMd*a~vo&4f{_FKu^@+!=XbpOV+Mk|Eo@?GeZ(FckbMZg$tiQ)7W@n z7@|*`sKn7)j@Aq@Z<)HgZ(h^u4Y`nn1cQOzl9CmbFpcb1;6G2Ghda+`G{B;TIY5iqY$*x^o;h4Dmk$^Ru(EPk zX=z!7UazwPB~4fVgu1gWTvPM|E!cd|U3Btg(8B$&)}1?d;V^?akI@Q?xQNY`xdSNa z>Ak~rvtqD}?(27fmN|1WUI!UTpGH_j;m41k$WKd4s{jfxXPvv?1f}?ci!>~g2CVbm zy?bpibH)-E%uTYeuy7Snf>FWJ45h&4$r7#Gx7%Nv{HXfWXzBtsTNZV6VZv4#EEC1i zke+VAADd}v#5|WY8jVyD7Vpr3g&xXW#tpLbi9c0M`cqx7!Jwz=9eb`TA6)`C;HAN2 zN-F|JSeqm#j&3+X+iYkUeE1k-pz1hms&H;4H4i9wzzsUp!ZYlp`v1wgGp)F?{AsKtVLnNb$bDsmXDBzZVXyAmAtFKhBCVgy@_ke{ zEinC1Hz5(mUub;XUk8-n4Q{Di4RXO~rIm&Fe50p8#)~PelW$&HTU*DeP>Anws90N8 z$low4crMHN*im(MUcnzZq3>1*=kSlLoX*}axJ9|ofdO30qFv8om4%FtkAG8ER&)p= z->;xT&eVtx=gv;o_u(*jfC1W@mm>?K>;C<}e*wm1FTk{jMx4t>Sw~0DM;1%^5nv>q zNRuNA@p_-Ww{Bgj11KM>iIFP|;iYwT-8^qF7&ZbUv82hBg|m{9lI3L(`J!;bRx3bs zLB0cUy9cUSnFMb|f(%Gua`1Y6T;3}F85EL*C?Sk2M=@z~i6RRiiG-15 zX)aAIS%{Lt$TBsPrlu@JPA?e?zUM42FLwBRzG_GiYRf{@h%mD3ghiSf2|gNXMHn)* zvY~dQNko<^s2O2o`Km=)q9RK`%?LvxW&=t`S|TG$KOLSxjs2yPfibk3i zktL9*2oqnAInoj_bcjWwg^|~!mZr5VL2HQ<~2=R$X4c3Rg=t zi!1>xg#l3qe(UVKZa16FC&@3z#{9e2tXYY&m|uiZl4KD!wZC?)&u%iAe!|awe`we0 z)yo}|-)kCK0?8nZgs%_xe87$m*Go!Xa1h^VDk?>a6e<1>{0r6JZd$iTccK6Q002ov JPDHLkV1myP!p;By literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..95fb6c62d306996939ede13691e48d5aa19484ca GIT binary patch literal 1023 zcmVf?mho|&;RHDoO|v?fdBj@ za1b9HX*b6CsHGX zMTD5fL!@#9BIA!~u~n2rNyVb8B!*j3Wo2brZSAA`Mx&`j6m^+8otP0a3IsO2UhhY@ zdt+#7YGSad$+nETyq|fZ+uK`jhKC1VHZ(l@ zf=>4!Qaxtn2%*<%yc|HYHfUCH^?rbS9FKtJsyAY{d05ph2PoI8r za{6g%>dD6t2X42krL64Yix@d-)p%fw;kY<9_U>W4QW!kOz`&Rl4*uBK2j&nukdbO` zewAxB7j$wQmkbHOWJvgPvCF?Y#BqtrYR}{s3o)2``?e-mr>}`kO8DhNITzFj~4tM*;4++JBWB3|e zRT@=Q)whBEI+GRSj7H-%TCmr#%#@0j>sfSAV+O;qE5KO%tfvwLLCB=__n~Q0ihb<| zwO%yuiG}7IE&4O`WKK|uW8F>dml|7641n>vFeQtilr66hwB%rlp;yT_THqYo z5|nZw{S>u7JhtTfk~Niq{r$iKEojL~2c<~uXGrWTNNg3dVm_a5k`}a@^FkY`9OFM{~5^-p~dO4JsCDnDqA{lqNToVw_*TwAYr!KT@RMRfN`&12Oqa{*O z;(ousyQt`V4QTwj2vyDL{N5N0!cW=-Gyyp&yteR|z?epiqA%E)nfW^ggP~LEB2qaF zOA6!hco-N$>M=JI2@*Cd3gxe)1Hf{g_002ovPDHLkV1n;N&gcLD literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider@2.png new file mode 100644 index 0000000000000000000000000000000000000000..83c753f263a805522e5d27cf46dfa6d13d777acf GIT binary patch literal 2078 zcmV+(2;ujMP)!X1bopSpn@6@ib^$sq?)#Ah_OkvG1)|^#ipjFRsYyWYHLVPTazZ* zCbj9-G-=Ww1`>WWSgE22?7CAHTM_~*5>YRaryTi`9_s-niO|xGznPr!` zGyCm1=RRftk|arzBuSDa;n6{2A-|p=BpC4$ri=1Dl31G{B1$gGK)k0UOR0v16GU!);x)*Q)da1C z$x~1+O4`Wx^))p$)*U749f8XO7z47SL zpO>6YXHP@Jp?feXK@ueGbyKf(z)74IHB3pCB*_RwbZy$S$+~mr+plG3&)ZBSef=jW&mU$ZMTYAXm{2P$oGdb;Bv~jbbNBAOwOLu&wPXaTWq5e_ z$L8k7qk_1*FeA$cv*l@0*R&88PL`3}pFMkVuhydE^!NY$S#@>g5eOAViqj<0^uSIe zS-6=F9QbIl%hl78lQZvKp0W@;M|bzlE<7imo45|Lek%3EQNwzmeApnDWo&9{d41u+ z1t0SkB_|LF4Bxu-$DYlbUulNP2$MD`(#YPH8a2Y?1zwCQ+_$#2@6XQ8c@N^qz(D`e zs;adOFe%FmGbt(`uTjC0l1hbM4F7ZII`+j|7J}D+*8(%wMvncMQVOLOy?tuT8Ws5A|GA_kx*?C{~>!TS8wtJnUZ)9K8RK%}LmRp#dAHMX|? zJOtsVO;qA&Er&}(tXrllS8iU`>kSJa0rC5N*Go#4Rl{U0!%gZ0sB0N(4GWq6oIl^W zFHvP727|E}uMuXaBz0QS&Lw9}uIuZMEJ{z$coS4GJnn_>ul){=zQ3SvWK`UcG_wf` zvooPOKNqSN&xgFUr+}4=4C_vt&GwbuZtsUlX#tjYXbek|$T63xqvOi)IdkT00R|oj zVm@f?0;eD<8fpsjp{}fmS=`{@=ETr*c$Br*bNlB>$3b1BjbZAAxMVHtn4S3CUb#+#l zJ!6Rq=9FBzbm?-S1fzl_4VA$3{E{Ixw`{S!IQ5eI)M)wyR%;e@bTu)g(38LvAEx{f zQd2GXV>3;SnCFs4qme4Yq8&Q0fITM-!XSGQ@h8`!Kivfz40@{Gkw7Z0o^tBinO0m`Y8cara9)^z za9wc?xeG0OVDZQ19$_KR zX^oGMod*g~R!u=ZXbrBB~{RO6%z8Iu!_rJq{JyRunL$k^~-$ z=}ilER1U`l{E=h&Y=v};c+1M^y#ArEDEB@vfa_zlOUk^D_7Y5sXvDE%ly!AoeaB)+Jq(OQ6KQH> zA)}-Jys>6YsU0Y9tI1I-3=ySuci%i?Fc{VYBax)3m4&mCl9DB55c;5S%vLKvc0#cO zaJ%oxe*gdg07*qo IM6N<$f>=1*5&!@I literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8ce8004e7899966a88a29575fcbb06c43cdd6115 GIT binary patch literal 1055 zcmV+)1mOFLP)7J z6G0rue>0m+wuxz~wAgB~B&pJ-qOJB+g!H6T@gR8dpx|HOMXO##y?GHl2_mQ{h=PK) zJ}`$$A0mB-Y1%aQL5r>FyV-{`o84wjb~n4(oTT3{%gn)u|*47U4-Cb4xWPW~P2~2hf4923-!XA$6CPxiLp)_q9q)pVc<(Uo0HnYBwnR7$v zrlu2(-d+ANun6^!;dC0f=T8BXT2Fr#f9;LOzb%kMQP(*b17nWkq6Yn@P%8N5nX`ud z{;JwbU=lS`FwD3v>UGkG+zd*USX~2|qisemq9*=LpE1&h8jQfKN(hGyjN>C$9{UoRPd~!RTW*Q~WySISX)(Q=io!rZ@k7Kbn56LM{ieLm_)J~z@t*sr0 zDg*mItgNmU&!`sU^H!vn)3edR!7o3^>6QXlAhW5YVHSviaRmHTVi3vzMbZSiMQkP@ z8!6G~+G4Lga!#9^935^9w=gaj+mR7?+ka>2^i}$O;9}r*PtUWvkc(8wVB1P0hGW5C z^NP>wZ6{nFo);{QV_6r0@}~uU<4SMui+c)G2C@;8oPx;)CMHG(yk76iKw!^qQnxS+ zCLQD_X1v6@#L(`t1TMH^C~!9f`CDtE=m~ z+#GibBiur!OI{oVG9^mll#t29#>V>ZPfsU)LoP~cq{Lzl?R->GSE>r=QVNFLTY?$| zQ7L?0DH(A0aJ?#Cuoi>FPl<7Lm>@J{zk0b|0KIWS_e*KHs0|!vK{>w Z`U}sgRuzFe)6oC`002ovPDHLkV1ipm-H8AI literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b87e07916e3ee5764c89e49ed6ef996863ec43f9 GIT binary patch literal 2245 zcmV;$2s-zPP)m`=P-A@X!O$2@eDTFg^iMEeo_y1)ZxRzQ zL=z&!a4A6$0Ru=&xU^X)v$lB93k zA3}g$TDlTT8$Evl{>KqU^AeFIVOg88tiHKEj3l(FBJDUVFbg4!jjVZPQOeRfFXl#v z7F1f?!r0Le`ISX+Nwb+YV5yfn-rUq}dQd z#6>MkD8c*1HG0O!q}JP$YoLD%4uN>i#4*`cu1>j zVKqxMam%83Om0J!7M8GB61-oc?4Dr=3w2UTD6M}Otd0(lFO7gGb4+dnOA9KjR@U05 zpOlcY6#_tH6(4#S%=QkDaH~P3wJy)>zcMzQg^&nCm?NvZ`|(ayOK!z~wSXX079|X6 zGLkp7q}#TRk7x4`0tm#ZN%F~5ipa`vM4hfo^aaYMFO-50*sczIc(Lc2XDbKzJaHr-P{aCe4}AeeC9c@b)BmY z?v@)eneHV}8)d%X5mqygNvG3~11BW1h_tXEvP1@f#VsqygBFT1;RwU?E-qn2l+oP- zVPo9c!yRRctdVPHW%-sSob-_--3uI$(JcyyEFz7I@<0`9(kF#$Dq(c;CuqNrl?@&c zAo8$dN%~B`m(n~Htq^mU8?$vO2oQM=V;ja(3UnKAU@sNADSvS0Fu8o~HTUDUu4tF6 zD|nN>^QutU15SjOcMy^;@O)k>6d)?l_*JgY+qO-vJ(i?jZCsZ5UPIAUzMJA=dWP%c ziYy5)Ch`iat|MV{CxL??tETgzo*v-(yrQUH;qEKaM7yM<>l#;=R5)*n2gLa>WCfjI z{JuEfu%PLqgYJa&nxc6B`7i36GM)!+%a_nsNZYBl)gFMoMk}J_rla7Eg5H zl?pt%qXWl|?Pt>ompGB6Up;|om^+e*1W$dZ3#q^JMTHln4c;z}^Dfv{X$#)9Af^ao zg;_&GXSO60dY&iB2&8Lj{riNvC#j?Vy31*Us~(Q7R5FpDn8?xmRrB!u!ZVqw`SOF5 zd_Gsgi*YH0V;T1-=RdJ?)2HV=&dyA!#ZdrU0?u?v6=bd>J$#1r-l-~=L^5{#BkqIy9dWjuB zgZkG=p{T@p3z`=%DqPKF-_GSm{)VzJDvc}3c;BU}(FJAMDk&SEdhKIbRzAFz&*K~+ z{2gf|kgj-3OByV*_}T8=+djdEO1K!6LZn45j7lTIluA*beeU%=hGE>DFHAx`fg=m> zXnt|m&MoVpEQ<;giZGFBMK$R&C$+{#hkEg(u&}5p1@!{STbia8MlTP&0=35uA~4l~6fS$~2!Q1C-)NjE$1i&NL9zSz6>$4_B4sscwBA?)9{ zI@{slfrHDJWd`*`Vk7PrdemK%L>0+bB*Ej|!t~VSNB#ZVzk<1C2}PH4E)a+PAuugu z#H@~bUjxZIXmKOw)qvQ&TWK9pcM(dG-$E^^Cl2*p_)}WaQkN0|Q60FgtZ{ z=Ps*KJ$7MieRgg}OI6;+jjw*7>52Eq2Z^{6&TUiE(_k1Th(MN=G~Df~qHMcRD$exn z*|Y6)sLfYiiC#Fm0D=pnZMf%WH;C)$S(jO{a`pSFs=Y=lQhA1HVtI!1w`Ezg4dVzR zg$N?Ebp+-Yv$Rt3s7UZ!%2S z$*fzNdtY*G+4?rKrLb=pUd2mPpak!Q|3!I!uovcjx>OiB&PJi+QQU313vJs3Z;5O~ zg*pigJHp)Uve72pWP7up9@Tu80JXy0TXzYasD!!OmwXns4#h2u?%zyOB(l6NF6#5l zCD7|L6t6rsm!QZ*QQ{Kjb>P)C^ z6G0fp-`Uo-5TpgAl!TNI0}`+xiXMzfIce~y@gNB%{uN#n^=i}`7mX(qV&Y8$M}uD> zkw$?U6+wX_&=0VnAT90gIO9$V8zCTI-M*S86kVQq0~TckObyk)(}^G`!@ULzDill& zb#qU!2ylgfF`=MHaAv^_K|vAV%z&AK0*i1)!3u%`3vfoj3_-cwZg9C=kWQze7;t)E zIjGKa*AU0u2L@DcZyy8#9WXsT#e}P>X^g~{zfXWgFs`+=yYYa-@fag|fC1%pdnCu2 zn~yT#ID~=~p4w-L#M~M%b_fpWB5rX`m#ZIts?&qY_j%+#H!ZDO%9*Q8-4a=jaV;%p zk2svpM_>?2k)Cr1p^nm$(t%_$wgnW|XpTv4;Q~QQoC=i(_rS$Vm#OiC9^X}9xW)wI zZ1z5_U?9-Wgi=)P^}(sG)3g#nMt$ZzhGVEs8>|D2stFINc5<#A3UmzNmtQOB_t$|@ zReP&x75t#oF%3phDwPJK!ZVN+rq*B$C7CY~t?qa{3Pu%)%(HTvc1)VWg1~<=RZK(S zu=XM^0KXvDF|}MsaDvFc)e3~h-oyI(8t92!6An*m#sr=pf&x~4>7OKGOM_a$R5}HN zgHM=nBu1{G>CbwSfC)f>qpkeX*l%pCWWCi54IIZE+kF99(L>+?C5ug8D<@MV*&VB|gD4R{+ zn;d`n0P;>147Q_Kbau4zkblE&w{>AwCzuc!zD(xt_3*^VfDDy^oMWO@FeyPIKKs#b zbG>l7N-FRU-)7{8cr6@VO)OrSnI0RFp|V_Hkb9B*i34(T)Yi5(lzY5A4u|7B zLR=eu#*!w7APPURMGHKi8C_nSdbqN(^b7JXDNYG`1`U98$Jap^cV`MV0LfB>ithN3#2Y!MXcXjJ|o-Lf1!Vj W!C3STwaN?t0000cT{Mxe6&SCf_wx7QHU0O@R86MO?)%)Bl_-(@#D!iE%IO@ z3BklCrN)8^C;}4NQVNmMw1r-;Ev46hz3biWI&*i^&Mw<_XZGXHc)w(_+wFe-_CNob zojHI41qu{c6r@?^4KBzJ5L=$!a_~r?dR6nt@U2c}dtQ(a!q{jcvRXk=jv+v=R8+4T zhz$32LLNn2u7#;&ZQOjI6|a0v|0w}FR8jThU{;#;n4FMHVf4WzQZ{aSu@xb7RJ)S| z(xGL`v9xes7yOSSjOHaG3t?GDu&lQEc9xLTl9kp8IVKmv*vMK`79}ICb|@0Qol|K} z3u9YD$*3%fMw-H$(=nVB#wK`fSrm;l$8(xf!Yq+R$z}C)LYTHSG$o6oBTWGZBF=7M zLJ8g|n%2{i>S?DiTV+w4?sC{A%v5X0i<8pq5XOEi+b)aZR8F&6n4^)UMMqj*3sViz zI4z5!)48=&npMIaN$^IovwB(~%+gLNVaJYL5DbQ3aBu)bnWuAWTAEp5YFQii?naXP zB$$B6qQVGfrIiOlXGcf+#ZRKa3Sntk4Gp_$i#(5=#DA57AXFB`3TZCM)l%xOIypW* z5Csb`BTUsI215-$143&+5UnhV1=4(OkEaRG4}1d_U{+ZA`>?tB`6I~XdJ_bhPZq_j zG<>6>%H^w~BjLV_*-Z)vA}UN(6+K>Gn`l*BOcuqoGz43VA1iLVe?Jlf6Nm_7tD>tW z_|)4-LN9{=MrBdVNkcxb@9{W}va^thFrlu78DUaw?bfp5;^HqvqKj7+#f&uE-D$$s z+9oGQr$G>jbAMGg!tYrKg`?A^CNeJ)-QNG+gFD_n>QLn~KqS&CzPC(nU?zaRGP-49mr(!mz+`n+7n z;A*)u6ly2~b(9%~N0{p48b3UDn2^Zw`-S_pkKpzBV8?d;XkAiTNnW&2lnF-|?sswB zDT%HP8=Ams8u2-Kqs;B{kb7rk8I~rT^d*EEfdksQSq+J@#`T;pBGXVgn)FHGs#|q+ z!e32`vLeLyG9-}5%XTE`GxZ+%c@DHPcWDV!1V8}Wa~M*sBM1Tqfq>9M83K1kx%SWA zyZU(yB3dQ$3X;bJaikxXL4iS@-J{V-u!~4!glqroy*rZhg`+DHiGW?i<8iM26;Ol+ z6M2Qrjw8v6+zlKI4sit}7v0@_^S27fQ#zXs1%qgnM4%{K2CjA4H!00Mav?((^OvGo zE{LcwMNTETA}kh=l>Na85lup) zsG?$Zc};Nj75wiK5QL1C)zzTWB?)ul3`^tfxz9!yWTX|5(%Agmhi` zGB!GJec7_0gy$=tg*+gch=1O5?bl>k!KIy#5V_K5|XnLiGM!m?)v3Rm|vDqbP>!9H?#dRT1bmI z+j`d2tX)|i2!4mBKXxj5$ zQIYQ*un7`XxS!S5-FfCSQ0FVXL@yj&1S=*qw4Y2a&=H5DEmT&%{9U)(^BP!0R@Bkq zJ2$?%cQ1S&=H#%VER#jBY6j?$?@V}9T6$Y`bwjA6w0xV_Tl|J3NozrXl$^Yfm`R+9 zgm0d}qR8w@3iR`prLqWCPMPUR(~6UrrG(|Jc%r0io!8^rhFsD*grpk$wJ@9SNCe>t ziz!8suPZ5eD3P4$iG=@dpO_dSlE}kr#b|StrLyQlS_#{k)k@Q@Bh8XMUSXCL_6tL= z=!r6w;Pv1ej9MJ_#(7 zR6!KS&)vJfu+U6UH-Du)^uuaJg_ROE2@CxT^dT*XeC^$IjUFN>h=`UVC?rA>^dS`? z!jeG6T3wVf!brD=O#D^5>+0^_ZO(PCd!f0%?Irxeu*000b3Sus?##Uluq$n1z_@rH ze*b3={yLq9ualny7?cT&389#YiBBC2!+5Y@owTuFaMDJ=cqpImV+YH!?Ls5gNt-9> zTQ{8Ef!k1Kv$>7dAr_0>C@(*T%gTX{rPTwb2(=S%TESF98HLjVrWwizoLVs5PzPQWRF@lfOAQg;;O*P9w@W#QJ>*Dt$V&ZkOnO6M3e zI5<>dwOZShpjOvHeA%i8B^}!B_B+I9F(@QO4h#pHva@sA$%$SB3Q(ywc{t)L1AT(R z0W1sF)6-u<_SFSY38fYeeR{p#{d&OoY&jeU+)@Ljpu})5df!UgD=JPkflSt9!N`WE zX3IZ4D+?v)$IlfQdp|?9kvr8b6JK^IO+?ha<)8WrYBlpE0CX_(Nzj=whJY2)jNbwa zpjHbcYt+D7z8TO1CSe1+%?fH2+1Qjb>v}4I{9p#_YG3xz`OXa-m15y(j214_a^WhV|%ZQ*dRA9P$v{7kyL zyPwmHxW}3s&&k4}4f{yR=kp<$NwzOP)lZ4t-f^kA9Cv>RC{@&Et;07*qoM6N<$g8UJ~c>n+a literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..5b9b111fb02650148b296792b2213727f3f12425 GIT binary patch literal 2066 zcmV+t2<`WYP)Cx?=(y!J z8sV7HXgt=@(e1|jiIP%MEto{Cwzh7!*(@Bze>9uTN88%E+#nSzrJ|)$FayyBp|!Qk zZMB+fJgD1=CC{jNZMcmV#+67Di9ev=WT$@&zr$!ssQM z7Q+hN#X=~I(*QIu1n&w}jk9<_bOdB4z|Cnq1xvYD7%fHP6_QNT9jzc{1bDIzz{wmu z1miB&rRLw_MGdlP6gSb-Rv;O{U%7I1LtfsDA3+7ASnDgEi5E2t4f(gYT+jXtW8tYf zG zzFp|Z2Nndu=qxT?;qiLCBcK8nhmp1x3JT`eu!bV7bJRFZY-8TqwUuvy%Ap2}!^Xur zbm++JB}*24!Qw8~n^)sBK@f_UEnDJgYHA7sBeV{a3?rP*(rOlWsm)2~+}8G6KnrqN zdHKejpu%OWAsN4*xCFKnDCxP~r+TP>ID4@@UKcGUlerpH^p?yy?7)F9XPHc zfk*KhLH{KwzI=ko|gxFi6 zj!M_0Zx95!p~NkQ1f48@-lKaMMxzNmY+aH*5%-2XniB&YbC;a^5Bq@u&2yM!d0w=& z11R|W!2oE*$jB(w@rkxGeQv-Sl4%8P(kIYm92O@Ujoza<-j*1kdQtl1shb@os=0^L(&k5 zM5sb?)zfr0MZ-b|-NT4PM#5My;4qcLvaA+rCnN)^lQuv4e7NY`uc`5K*{=w;<#|U$g-N_b<)z?+lwAH(+Uzz5=X}x6UBr|d;1Nq#bT+Tr~|Hd z-GT3aXaOEnzu*!>eKFNJp-`x~v~=Z5;!iYq3nvO*f}0kWq(A;-1_uYJU50K@?OG!O z)j=y3qQBo)2P)Pm)d&_ne*Ab{G#aDsqS4JhziACqc%m?@ezBZM^jItwxPJXA&Rb_=-t?*=FX&F`xM#p;bl=Q) z9L*w#Z1 z!Ky0fM<8_<5>0c#uxR7GrC7`z9XEe6n@uYr4H0K0eXCb5Ujt)eVZoRj#xignPx{0~ zqh4>L8`&Px4AiF6ryI9}Gz>|hG)wyAIi$;QXqvp<^RL)W?)Jq;5> zk!fh5#$niH*lCfiTQ}GFeE)m`X##4CD3%uu z6GJiSQN0q(lW&kZY=US#Jw0!vBB!Bi-o1P89kC4uLFz2k?n0>jK1|VNsO;FW&D+pW zw-E49B-F!)4?f+uZ*Lj821s4S zT`UBz6(GrU36$Ly-?wMahehkwt#i$vZ{KCLT9yL?!C>&${{H@^!-qfr?&Qgnewdi6 zut;3RLhxKNQxZ)soIq>^Q9OG|N$H9O3kqCWSve~#7E__oXfDJRj&&N5!C)|Sb98j1 zFA(r|*VcY@wz07hiG*%mF3e;-A{VjnP4a|XNtTNy|80h+H$nbyUKYpu>35)r{x&QzG07*qoM6N<$g6BWX_W%F@ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..5b1f920a2fe129413710c6fdf71dbee63f9f199b GIT binary patch literal 994 zcmV<810DQ{P)$3K~QuQ{X;4O!N?SR z%8)`qIJ2U-Uh+>0W#>hD=jGn*HNS0F7nub#4@Q1 z%dsuPS#?~2ayp&uv<{g}=3;gAPFz+IEG(@RFhi((z?lVOhO!H12Fx^+9XM7n%TQL~ zSiqQ|W)_mtv$${_N#l1U!8EiP}c))S%Azx=ZOGqVBEU*aWcZ#l#HI!JNCnWX3qf2v{l2X>|4* zuqyUFL9Lf#D`PQ%<@6j-g&r5MYGGN>Yc{p{S2~NLI7M^X;oAhP+8fwHt(Rk)${0#I zkp)3`Z)Px>j#iXW>&f*rEsv991yefalF8&Nn$wA06%f$5b`)VBEwEH-u^%j4NzzQZ zySpFL8gY-^BX^=69JXN}Ek&bI1k=1PIUQgpG4II8n_C411;;e{NoN|KRk8RF>2F-- zeSsn=t6D#jR4VnPu5QmcQv5|spussc#>>gG$qWq*UT$b;I?VHq^|X$-R9eeLQ#LF9 z#F$tF3mHRU)^N%m@;1;M2ozt3JSZNYJ0A)ixIv0(_>(PBYj7>$Ofu-)*cf`0NX%aW zo5C0b>ZS~o1&i-vE6Yi2IT)zn$G>1w>G>Q3_ZMsaBd&EVw|06szfjQR9PsX$;#&A8OLZG_9#=`eJ!#u%_C^ z)F^11Hew2iLEVO0FO9}p0(b+g&={*$AGFK0u)46jop0I0o*9PAIdf)qo9r(+nPqm) zW&iX4&SlO35GPKYI8$O#9b<-AX^^5FSFd(e0Qez4|Ap_U(?N&dTj}xFE`Xn%ROeJBubcdFCNXG`dXFFtak+SrV&QG=qcxZY?fe{w+iyJk1hJ zm{^2piDrgi^k`@iAr?U;S|EJdP|=JQ%rLPCW{;jm3TC)i1T#f5N-%oJmy8sPV3ue` zOe;(m3(=UT0T^Hi(FN+7XNiCs2@1fr=`_l+d$B>G(CbTI{EDE?0SpEvJf~?ixoMq zTeP&y%&ck<^jJu*!@`T{>lGG@^b&9~kyw%M^@%3$50tgEw7n0?L4dC;;Dg+yP$KtYQ)LI8BnIyroNXsv8>{y}${p!xYm9 zr?X%^kGpuqisWyHA8vF3E9kP4lJd=!zrV#Q{& zuLm8YC3hcIRkeS%&1NfQ$@pMkF!V!3@#*;{=zluQln2{fSy?#;I7dtt!4&hDl9IwQ zU<94@P!>%T1HNH6(8})C($d%QMsvB0+hGnz5|d!)t`nVqfoK|T-C=fFQc^OuookKB z-RWDcY!lVd(M>$)vJ;(mnDWS@B@R@kcKQ}cVw+0vbkNg<^=4SDHoV!Ubox}>TT)pv zJ{%YVqqybi1r7}F!xY=|vaPd$flf~k7{$O-AJg^WwsXC1z#Eb=1@>c{m@*Fw5eNkC zv0R^#k_1MvB%N(#7H+#Koj$j_mdu?EMv;RMB?#ReU8!%A#>^v}v z4NDd=T`vpPuW@=>X5bA;i{I~O3ds%6F9xGveRARV58t5v462Tk!Yf$N>m6cpSc=0g zJK;GH4Z15MC7CIY$K$yKoSPvmg3)&(SXWp76EK3iKq#Cjuq>WkrLL|nyxCkkNZh03 z{{4G;eLmkMmOSW$9VPi73M`A&UD)RB+qco(36pR z(%tQ;1s!{odISp`J$ke@5C}34(HNTO4xaGDJfD@X2$jJ~Fc|E+cI^u3zqnqBVwqQs zJaDdOo@EKXdG#~pEWXyxgawl^b5{8C`jujQXyiNXyOM{Vc zVsabHCWzu4ig1zw0qGB?v&bbsy>I{{DUJkKwJ39Rq??rlKEFS-%<=h0U%J870nXy_ z`+aYe!kf7{p*%eJ{ek{7XBxMjJ$t$v{|qPQ&}5yt6Nh0!u`#C5Wgqjp%q)6)dv=$V zIX?%byHGU41tX%NU}K@#+IsW6-EL#=SWG}(mE2#xeAz27Di#rp%V9jzim^_gsx;ts zH@MLD5MyAQPMvDl2+A;|g)*$ur}NM*BcW+?yU)Cpm6g2@Vu;(f|9pGn#zjp2FT94K#{lZbp)g9M7G*^kI7Xybr)2&{aJ>p6XSrUi|_h zH;q0DaTg-OVdO}=Y|Lqx69VJ=3to;0f+>DI*#WQ9kMh*;!DiiF-tR*RET5qqJHm;s11M1F_Hz zQ{P=87@ntHXwgXOGS!Kc?FVfUX-5eY3&6NtZ1pComZRw7WUn46_7XrTnEI$r!ZCW= zU+Wp#WQop0Pzy#rPbQKfVrezb=z1m+Q0p3kRzEh8K!yoLFiSA4I;Rp!O>l~%DMUlC riRz!OVCv6t;>3v)Cr+F=|404I` z6G0Tm-^_Nq8;!LPP0-XTMGmwY1TiW~O1$_hF={j+8vO_KZlY16_y_3CJ698pCpAU` zG2tR2qJl;&C}I;tr3KpVj~Qo|E?MYqJKK_YfNwJ0&GyaACvWDxeX{_oTGa{_0`Ee$ zt5biPZ(zHYJqfR^(Qv*Y+jS`vv9+=weH=D+AR*s;wY5!E;qcaTSw%ZQDeNSKh6y3Y z^keMj8_~6{Y&P3HJpAfw9?%mU;`kp~FszBYcC|->!3|dwRqM#+a!^W?(5`G|u5)Op zX9N~6b5RLU8p;6jvnI90PhOPeHC;1vncbSE0gn(ujiTs3QBxC1C6glqz^P(jI1eQn zQ0<4#TxBcOIXjn;z^f1h5ymHKHr1o#&o4bZU4$Y~LLN$v$4_5k`{){jf=YxC#ChSI zz^sjKE@3RzTE9M6eLt0+_3o((;GDoLZyEba-r2bSP9~FUcG^=^l0a+O1M1#=ptQw7 zX*~!e6q+C8*CbQ|=jJiPTT(Q-e|sQMbvHdTTL={hK;~=*=#e_}9(=xq=f*RwAqqlb z1dvPQmV$Hhn7QE_8d}cjgtjZHT40pvI6n{MCgx28uv|F2)D~=s)Gy12bBajef%V-xVITsZ6kh2}e;0L$EklWp7x zUc?L6+;Z%O8<;r`{5O$>JM3a%!cj`cF)lO_evE?`p;QXwhYtX=tD7h#x8J;ea?1^D zQQ1N$`7Q{BV0fG#j1#J}zwha7u&tI8m{mvVs;c&iqF6AHIM8oSxQtM@z`l;)o?y*V zN6G1*L!t2HxlDGk0gF^0%TF51Q%1gWl9Bo4$B(=~(NbU*9G;n(QfupC2Q^LKVitjR z1C}%m&*5|ms9!Q8&v=HDNf6)mgY^8FYho=0WdS&8p|Xg@_SA3MT=)FXbjmSxl%rBm z7C=!=PEMplp~!E^FCS496)F`E6c3o$acu0!h@Bd~0rQ+qQOX)p3o$ahC7GEQrm>Wp9fy3UrX@v^zaL(UnNN zpRxfh+wpCwZMg?t&*5CoCjvX9+b04j7id+hTJib^Fki*XF$BE@00000NkvXXu0mjf Da}Ur% literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8963bc42d571bf789234eb37e38f4ad516e7cb7b GIT binary patch literal 2226 zcmV;j2u=5iP)&S1sjY-sQL6O0O8OV@QmLv` zUb%=U;*AGTBp`tY;vkX$x!@2xN+7nA5CVq8*S*ZnnZx-e8D~76S)Z9Xvo>gc($N{u z&d$#M{GIz*fP{pEgoK2IgoK1201_-8yq`^B1(AZ_c`aawgj)-nVi&2oM>TQqP&s}{?ZUXNq))wzSs~c%rA;$NA5h9 z*01kt&gF7D6-CXL%9Tz^X`YxSm?q8QjZ9)*W)3FV;gm_~5GBUZ$;oSjyn|z7!zd5M zRV%W>h$_r0s+@w9+eyx5^Ud8q?fIvgO7AI@%8kWhiGA;g-;2UH1$v-3H+$gx`42{6 zp*VmT#6=P2mgObNN{jHez;RqW04kBm{XSG$gyrz z^7#jIZEc;evij%V>6uwD3<7b&{t-i^LgDF=kwIs)0SJ_)KsdZ)*`id;`}_a!m%Ccl z?bj=n&Z+5HR*{(CCd-Pf-#qfieRY}oy;%Ha z=L)bK7}WU3(8+gS1;LF$&#UW6OPX_lAMSn-48OWd>FDfwU6P=2YHCJ&w;>`aDfQy!U;gfIaOc?pLQ3Nm=G8Hs z?`J*y=u>-H3)O*j7O6pN7zPh%&ao^vyl-%dvLXs@bswyv*qQAV&BRMWut zSudC!9Y9)Ifi^Z;=jCrFK%Slk<I>(%*-5=%4G-wiqU_y4UA2_T-T>YhC%)4cw})=x*R-}zSpqFlD28n)(vacwEhpH zYi4#1f`F3BPwWEo?l$iCn60fqy1GG{nFjghO$bYr){|G5XODj4rY(=B)7oRYUI9$J zRJLvd{h^21T|&$*vEoa5HnLtldk|Jk!{X6;^1W|~*Zn5{tV**k)9@T#R4kQ%7o+bN zRxykU-UG!)!POABXM#Q9X(c_UZdh^5DvI2T#gTVVZP!_%h(Vf-ue31T3QOEiT3Yk? zLXgQn{DRmbibSw9J0K8GX<>y)T1wlBFBpVBx_Dc|pu|)>J>jjxz?Dl%D)n>x!!Ya%LXB%gEEd0AFEFeiksXHUB06^4kBro43D{gyOOf>!$T5^*Sm zIq$@v$$Id$K!h{}l$Y;&;4x2WK?mPRs4wCyqm!jX5JBna`g3_?`Xk)4WB}YjAo?7-#8} zXKEu%ge(f=@25UKwBPHsrG$BH`mmBgjC0lla*hY(tKr9eya&HnX`j<47sy&9El4Zr6lUs%Zbev1;ae7v*j!nZ*@bF| zl6B_J#G>!~Sl9@oUtAnHgfD7Z8hFv(J8X#)NldbQ30mo!cDjE3^GRZoW2^%Us>)Z7 zVN01ldIUrfqby%(Je9sX**7)~LqCicsj3RRSkufWA~yMq^x%=2%R+c(TNi zTw1%X{TUWvS`mvHXJ--XGVErU_jClFb;TmB9eNwo^TQB@FtU&!Q`Czl5@%;`R64Rf zb!tleHTJB7%#GoSQ0n3ZYsiFi^-Dek6P5bxEM(p~2nu^|6nHCm&*unmopTYy+M$Da zTU*bX{O0>lu;a$>ZcYL>$s^GRvJ+w z%O>dbjxyE=gU!eBs;b_uhaQ zc2bKLHvdppu3Y%MzP|p=rslgIXI+ja{KZGy8|^5VgQY@Y*SWLrpMjXRokwlX{5IMx z_!Y>&!0vyiRCQ0WSZXYkN})Qp)xfA?ex5&l^3V$q^RGeTh%ooVViEnYp`qc8)lF-f z>N1&5b~3}eo>}$7EK%gY)01C4GkoqtoCb0K=14fAI!x{Xy6l(w`ucOt&1)Z&5z%vT(X=5cA0F)V0B}v0?m4pi@$8MbPg{#&J)- zSq`t2bg$>2RZ`7G*~B@9@!Z4${<1LlTcvUyd(}}j>a@fw%wCP*kXYLGOA$Fz{6nJracy zNI4T-p=CB^Wz!yT3OUQ|cFw$a+>LYZ&hErF?hC)2vGY6Ud^iuk^E(45siZwB1_~FW zDoO1n*+5kq9)#8x8!H>5Ds!PyDl-JhQ~0QXINA8>>Ux{q-Vopg{sgM>ArFr{d=z~w zrjlF1L?SUdH}~qZ47goODTbn+QDBe>UT=GY#pbxiaok0qkd%^wiH$!)v$JChkiE>h z;vhd11~MTNTiUuVm6uzCEX#HRr5J{369iL_%hj+Ji!Dskw$lS+WhendwYHzRE(qcf z8cBpg#ekJz*&bJQBNO}nX^f@`rvt^wP-b6S*A)bH1Bw*Gz$scd5}2~l(@W@fH#b&P zRNgf-Q$@h>`M@fxYObQ*_LCZmW)Y71kAcTi2M&i5%w{tzE=D07o<=qUI&e3Sbe@N) z$;Shb9a6F&a)qJr5|-809&U2D>RyvNw^%F?2=t=TN~(rLX|aFQf_B~{{(P>ASGXln3n=*fT0s_vbonp$Z(IaGb*NilpV07>tbED+DTU zfK}kwjg8fRPS?ScD0Ok?I^dug3T@9EhQlWhC5EuH^bID^?~fin&d4y(Lm9Fr5pZSiN3cxJRHmN$6*(sXu;AQ zEXN|_RR=ulDA)I+Wi2Q-LsxCK~#7F?VDR{ z6jd02|G90qNV{8TcNf}j+aQ$|wr#k?2#o>cZoo(+Q4^v;4L%z%@tqeFW7JnKp=o?F zK`tQ?iis40D3q4gws?uXU?^KI?p7#U+}-1xX}6u7p4rZsIWt|!e97TVr@J%D*Z*AR zKW714TwGjSTwGjST>b}eFn<`mH-bDu1n1xk{ESq!9`h>DZebkZSg+QCG{HjRlVwBWI ziB?cn2?neD!Qj)c36ivnsnslo>W zVSi|8?Yp8N9t4gn1{NR~LV#KyJ$%r51XYduMj;%IRF#%3JqjGZ3LF5*{aj*v{FVOxc6GD?Fq9^M zIY_cHq9k0eYS{F8QBg^YEUOY6LhciTlH}P_8mj6Zy*)6b`mF5k0rcdOr9_s}1V!l( z%p*yZe5bpk?I+3&V5#p0Xu1H=`qeUWb_}hh@wN%S;=zktNpG zH^1m9DEtue1dTL|WpOmZw4|69P zm;g)KyLTUymm6=%!C(k#YoCGmSPbspy9Z{mGI|;nMx4=y!*x4F$+I0O!BMqk%QlcB z6KL^zy-;7bQaQ%W)GUO7zz}l@%Qck{Dk|$fp&c35u6q_XZrlu3!TlYEp)^An5k{QV z%gwQRVR6X^KmqQvUfT1rsmLN>gS1RPrW}fz_KtVhn1E;{xo48nl zOCPv)<+~Q`X`@YY*25`6Kq<_6rojj-WFbhsb?wTT7SiwL5=Pqep_Ftg)e96@nT;ET zi7b?QyYuSV%=+dmj5f(xX%K|ce*pzoulx*l!a`PBPWyCrWXYN(jb@Zo3zHX`A5%qG zVj^K%l(CZ4HIrD>&5xOlFf=kUbOtCneflIM5);4@n`G%?G`%w`r~l|t{NG?`*?M^b zYj|aQVqyXwK761g0a;+9EL~|vSB#X8HcyS-5=p z5?Fy&7RG4CHB)CrS}KVK{3WIPc-uaIStXu&Bnt^)vWkQeu?S5UpQBWn<&ng6%=5BK}FDnJhDb*Im0&xl@+521_Oo_Sr{5&+O^5) zrM5`pro)oteGl>+v&~QqP1YgjR)MC~+uL}ar%qcth1JN)K%3slY=^`pHC2+hzB_vJ z0PO?0Q?QbSF}nj1la;z28@n^+FIjR=k~}*gk6q#}?+o{rm4$g;5Z6N< zz*-i@OoZj^_oC5(AM-()N){7Q8LTu(JrI`W^DpU>Bxy74q}KAy5yX<|$Gf|)ojVRT z?4)KbZ2CjV&GQdQEIi>|P_$Ei-t>V3AV{|-#>aQ}_WaNVHf=knUd$l8pS1rX>sufV zO`G2rMbAMiliOV2sFM90>FhZ38QA=75IZ7F`(aV^_P`~N^wjYJZ=nxoH{`-(zrduZ z)JJ2nk^OzWm(IiN?;J75YJ_R8qm8y%rMkMQYC(~|+2irN%5#FLFK6MVCqMX~`X_#? zbztC^zhP!>XiHS7VI@p`E#iYZWT%Iex~67zxNu={#3On(0MA7@zNo%A_Sj^ene40Z_9UOSgS z?eFzgsno}$KFSeU7(0cL?xPn~dJ(2R)<%+JlGHdQOz(b1?mw@B@*SuDfG#dBE-o%E eE-o%lCjSAqBozYJ^9)A-0000lL`H}&gPdj7bF2p+qzExld-5e8r02*NUqdj^ zz!qdGCHaT2LeZ(2LS-~<|8M8scE@#{bG`RYd~sj+aoEn;?|gR7xxe4WI-!r_<tj1E}|&4 zg`1rTuY^Kjx6kJr*x2~$vfJyIB7m~sR1*4CJPa~TZ|~!rni|`Eyq5+P#h4lq~YOLH#0L&JfbM-ILHvgFe`q)zo(+2=qc>oUeU=(q6AP{ zmuupI(U{%_aR{wmPg&XNE-7%7$oKsAX-7t0JL837h0bEf^z_G0`2V570>nyqt~4DT z-MMD7Ic_MqaJUYBwY12R$H(9I8w|%9aXy?`Uk!f8RH?25!+S@0~HOVCX?w3&f(1bq9{}xa6~X3jsw(alFs0qvFA#vl)_O2 zC~jHRYJ4F5w)GR_NGjaS%%_JWFjk5y0x>b1SLrnaDZp}WLZQ$at}`2j1UX7Qo&vY8 z*KtoONocO_;^O=+64;)yB@hU#;+$A5(!r!av0!^^&^ZPB%QDu1n zH{n4+31V4PYRuSZO7eLAe6Fpv-HjbU(`qQlv%tcaRq&x`k5h)(2+h|n$$?^GA#h+^ z@y1FfyC-vvMic72N-tMtMvJO3(q mMIeMEy&?dmKnW#u literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..89178a455ae375048004fac12422f4e0a59533c9 GIT binary patch literal 2027 zcmV1_lNO1_lNO2LA(0FmouqHU~+B6%vO@!M{1ImSaW*>MhJf*p{oMaFT6q znqv}zUc#iJOp>qR5QZ__nFN zy*+EwrY&pJ($dOpHd}$!YAr`6FqZj;I6iA18_NF;pK@Avig_IA7W?Adb% z{*x2MuCFBjX@ALAWH<3CVpoCjnZg@kzO4po8#`?Z$G+l;i7|( zWJn@SykFJQXg(;{3~i{sa^>gmEEdarNKzy@4SyI=p)|tcMVIBwnG3s;Sr&p2X{vG> zO<$7ug333=qS>=^-vA8+g5xlB?N_+v9)-U~?||p7PuM?qPBvsZGN80%J`@$?K~`o4 zXkkJcV38&YQygg~g~#AY9&d`a^XCUYbT}N(g9<#}d(d;?Dh&Pjo1)_@$`-)Ny2mw( z)AGupRG2h(39_8dw-&UtY`q97_<@)7ZTBTUxXqn3s6czy8Y(H`L(T2PzQrV}PN_$OQ-KR>?>DCr-(q4{PJ=p2lt zNk@W-D2XuQ&<)=l3vD+0V?Y7QS*{C1zzQ9tiO5P*^I9Q@tFEqI3Y4ImQ_~EmJ10YF zVn85>($oqw<>k$z%3mnDls*k<(W!Y7QJTX*Qkzm!Q>h~C#_;c;C#<9m3=D0BIQcA| zFq6zaVLv|}PxWU1%kXW`8y3>|37JnXUAnea?(eioe^MfCSLn~te;^UCkd~5?^4aCf z*NM{94DYDwgQ4zEqF^D7pZ5ElA5ajR=Opojag_TXLQuyh_I{N_7;#MlKe>7rC_r7B zM1lI7sAwS+if*f{EIBOQue3=LI;R|+Fo(7dvr<^d3I;>3R#lZACjD(XVWdSLLJ0(d z*MWkf!aUF$7P9W&54J5|zEqswoPyFOIb|4Rd^||?VpUUJ3VOmqmd|&8dreI_E^CT3 znx`Z#Eb8@os3I&i#SX;<`a~HkS+%tlhhXY*gBUE+oJV#!fZredqp9hs*MNee!ns2C zC>)6ZD|C`23vJSmisjg`uRMW3fNJm%Jt@~TRRJq>lqD-oNz#`V@x;-wv9WJ}l4a!! zHQyuxjk+dU7Gk<4i6AX$5}K#qAGq1rxN3{pY)SzNiuosIrXw9jZjVwo&(stfYna41{KbE2Xju6&ZImHWQ|(a7Pi7zydHj?b|H23<{63#AAV|qbPZJ&#Rm&E^`gL`} zu~sY1SDuO%SqP<_Xz5cjW~z;!$nDTNH<<|3HbWd{O9ci8ub;NtZPdfoi9%~+iKuCk z`1WL-o15FSWJ%czYMQ3ru#$zK9oLGtkj{Gi_^FqQix(V#B!Zy8I*1 z`PU$7BTR%8X<@9ObpfHq#+vs|ojS3~@ArQZjdEUK1QInqKEAK7uX`~;7Sr4%qBX*# z=OL|9j4Au~A1JDgrug$ej*E_2!J^ zR+4T_Q0^x6IH%m&GSW;s>3eW-O2S2n=pjsc?sx*Ff0vu3!naBJDIu~DdI}?5M=q-5 zA`IV_MpD8g;Ur3!-1U@Pe?|o*JBj`eG%zqQFfcGMFfe#H`4@YXKvv}~>=N#bIov#MojWgQKLfqgC?Pv>!FBY!5&i~GWl!*w0Tsb%WIWdhFxYhc{r8VFHacz_jm9e=L$O$F z$nRh4Yi>UO8MeDQV7q%IC#MOC zp!7c9)E%?=KnG+Yyn21r)hB!8z#)n61^4O4$KQCeh2n(wV%O~K$8Pxl&=3LACEi!M zuCCsrR;x8@D5Y?u2f}LUvE@%rei$^F3R*}%{vD3OvxOy?34Djejh_(2pKEMZxNI-Q zRt8eaWLsX%J6ST2wT9A5k?36%vL6-4M3&VK^AQVWMD zQ2erLwd6p`ZFD7)3pY2nc$WsoNp(e#NlGdPT7c!@;_>(z>0vDn2};DB(8u_M+9XaW zo~yT_!rnsz+g7$jqtS1qL27IVVJD%uuu)ZYq8CKoB7q5YR6G<4z9S9PT5gw|NGX&k zmZhX6^i8FtQ0VVcQz*^@M_r)!AKNHvRlmX(AlU2icN=Kj!Kob(d?Rudor?gJNdA)CM6c$=;DRnE$!mq8Za7SI8{L&gp zjhD1Iwg|Q@hogRQV&cWw&CSi{AXD6BWOa45(_vu`=+M6L+$PD8zP_`yS}COReRx8oPX84A`nB;UJ-y=pqz5r a^ZEzUo^Ei&?>+1Q0000K_0vW zQXfnVF>N7%kWzZFP$>{WR3NdiN=?+&7U*{GQH)a4pIm!BoC8YAr?wFqivGXgbf0|)&m6S$_R8UN-tEAXSO<>`S0izRdS$c^Z7>V%F9=r zg$EY}W_3-CFgaP)@n-4jI^UR+^UxlcLPkgL?<_BW{0K0<7?>$vkJl}{UWu}-sUQn6 zb7uM{=gwVv1>$S1CTN9;?;)k4<=C0~GwKSSH%B7(V^_MUI_^rianFA?`q^98)11gk8Sfc2%oH_H&o>Z2FAViv~ znnv?1NxVVjQ*mBip5sl>z}-Ly+HU*|7w-H4*S*6qbZ=DHUzD2z`57~ys=x`Z{8`}4 zmRn4T zi_>z;p;VZ(b_ufF?zb1z)NDToDrn^;HTPYDdwg`!kk89Sc)f++@Y6TsGu{7yO zFcBpYMjX1~({ZlNW`7hY5Nj4IbdV+@D^1O9g&@x5;;Szu=nJYz!^w`xP?{JJ2%K`%?@SAJY~?9JcL{}}J4#9lk4pC|O-aJTDMuyDnUN03fQ76;AoS|;<%^Dz{x+E~(xMNc`TYT^ zBH_w+fZni>H8vKgD=l3j&Tqz{G$rGPL4v^m)s0n6aS`YV3t6M1V>`>rig8(S(rB)d zxUlHR$S_reWu)1llph4t16H!i%a~a8~FECV9_0;P?0TR}FV-SLo zD6m2&S+dX;{ixVlTfZ9i`~6gdhvMKLD|D14D@{q!mp1XhQLoo~3MfIt%)99aI^sa$ zlPwD|SxO>EOPYlA^!faQm6dC@na!p&pa7*Ninf8@ey2`PR12G*UI`l(6@V7h$U>-@ z1VPOvwvLY8Mu%h88=!)r@d3qF1;ai_)N_Re@ERXgXj=J2Md2-QRK}aE3%0j3ShQKFug;j^+y|uHm&z+l_ z_ZFl8tYsl+M_lnjDcg#Y=GfVDA43`6@LUe{~APXgo%(M zEsQlZRTQeMEPLVE$KHrzoC^rI(K%#=dU{haTM-f35)7mAXHNvFFA+1u3Y0b?C z=arN^wmK)r@uJ!vXQ9*!1cL47&v&*oG&G+^?gyF}MT^=Rv4;}h=Zeii# z;@sTqRaUFL*km$inaz+T{``;QqPI~W4o9y>A|Vey-rm*Uf41B0b`L|WB;8U_?n~-% zOu4mXq?vTm=im~wq>B>KLzwi~i3CdjE;mbsZz1lnP39lKmfOU|?WiU|?WiVDSIsAD@RoeDl4;j{pDw07*qoM6N<$f&!+s AApigX literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..7173d40d1692d90a6d775eac57a8abf27290121b GIT binary patch literal 1054 zcmV+(1mXLMP)t3 z6j2<??C$I(dT_rmoIPjGzFJ%R-8MMb?ZWyJKEZIRfC<1JtvDC^iyGt|n_BTCHFa_@S$UE?n>K&U&}f{IA4sL+?81u3DsAiAyTrql-5!9(X5R3l^&ib>k32a{wO zy-Bn$5?M@!{~#@p@f`c~vHhN+$oJ#+fU7GHR~a!_Wr;)=z52e;HJ~UyNDySTb4(c; z>|k&YAd7Iq@Q|*I=XrFe6p8+ZuA(vdtirK6MuFC15x~E`+76*GVR%k6+>$)=Q?JXn zJJI6otYt9Z`a1B_QxL>B#o|>wC>CH@-B{TRY_PB}bIa?UTZHIQC^?u}IN|dU&|f}K zELL^3vNG!Ns8+J}bOK#j(X|sr+_rf7;=}u{CJ1dux~Q-A5AmhOn7aDY7)EGTHgPuT zi?$T{@S{(Sjt+dqqO~xX6k9jxc`TXbQc-~|9~4=7I55!D0ST;S3M^Z2w){L0c=EWf z@8weslx~kq2`mCvw$0&2x7IR`m~F@0S75XGI4a%j?QMN#1}Y^mrUlQ`aB zIACqE`fQ@-i$e4A^8Ahd{;obO@$OJ4iZ8<-)7I^!~F8Z@l)p(}4yqt-lCz%4yT; Y52qxC?}D#BegFUf07*qoM6N<$f)E+vBLDyZ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d1a1f1a5136595437aff9406e54654c1fdc70412 GIT binary patch literal 2219 zcmV;c2vqlpP)j?K5qr$ zxRn^e0&@61dK`0jJ|+hgSxImlHy+~oam1mMAd3f5sZ?)wcV_|$CCL_hqhO{t#2T|= zhFV+iZHmR_t|L;`0zxam1))#~B0?BAj1OjIaYypn)q}^6cMU>LklCh~Y@YB-SW(fV zqT)?08xf$5ZazwQQ~Q4|Gkq%**CT&ywP z^jdTC{PROYXU{|FfN&i!tb}P7R$IT0rO&NLnE#p_jX(uSXEL;$3Uzh$FWx@?E_89A z|B&JLd4`3sg06xp3!!Z=Lx^HFSGPqX%jeB)!-IpT57~UY;zhDJvSv`0hA4`_ahNm+ zQ6jB%cyRDcU;Zs){Z-K-S(UOhXru|G&lU~~%LSos*XZbQGXIvRRuV&bRJAM$Z3vRr zQ?yQNXlYsaIpl(aZhU^PAC@_$oCvFWSsJpO3#4#3d`rvicc8(Gr~k;mRd(0HZ5h^g zN--;0iXcGtp2Z-yw19N;93W*$J%-0d0j1Nx_xAz5Gz>VIbbW5x0Nm6Vqx$0jYg4pos}p zoa1X{CDP3hAjF53OibMPGL`!829!B4cOp#R&tfBsL`#}Pl~Yj#knhllBS8ZkDW;Ce zM_Ih7X^eDeyTM#oNol28$%2723t8f0%OJgC6?i4{=rYKXXmfmBF{|!*K1}{owv(5( z*a`DR7QIncWQcf~)N78eO**rRER%sc_jq&j9dyo&Vt-U6(IF|V^&%c9UmgEkmW zNoPcL-*#vF8Yqr300t3OwX!s5qd~#IvjmY z%6DW*u_R5i?c$3imJ!zR@bj}m7KL_rogn2S3}b$Y?y%Xio+YNjh^!6dTc3dkDkX~| z*E_5DWhED3)fF!azPFRY(UvM7qfmQu+JqXTj%lcETdB^kV;Fj)btPK?5o z0by!dLp6!w(y#*eqq%<_@Y+OlKmnfuYYGW$1 zoDEy7T1lnn*w3>@8h_!uqt9V3H*}U|i3&4IY5^!A&P>?UiHNi>vXb;Rc%Tx}xB+Lv zcrJIllAJvSj0fLSNggLiq*b#tb#l?+#3G-c9m!_Whr#8vjz+23imH}IEBnw9=jWu! zER?aa%e`Qo?PH6bu!8)nYLrIL!s=vQmpDyJpeZc9eQPoMK=Lq#2 zbNu<5Xl@aHaxz6b<(eq7lqg%=PEo_(SI(c9bL*l6#&|8137sjWQ_OPnZMivo7tmrT zbalFtMX9T;1)8LH<;uYOqoX5NVLCxYzX($Lw}W$-O2b#L0#8~uIyFP*>YYF<(P zbk!d#H@AX$mxDEQ#XBBrpyS5m@X*;;piq`Eao91;G7zgR(i-aPNJo{2)b(rcba(%D z6bdW)vZ9N^DxprLTBOl>izW+;naM5t_wU*c=3R)ghDNMYHfLN~U2Tn8$xlv9Zt3d! zb~8*zl`*=?nki+S6s$s}-F)kU-!bA=A;ziZmKP@%qQy`U!pYS2#IHZ z?0SylHzD@_fd`a?e}0pLNFdTsERg7i+vJ#*Ap7i(TiMhEK+?8bNm^2RP zKJr$K9FLK?D>VW!hY}pZG_|WYA_$30CUf%ArN4d{80a4duzl=rRzCh`buFVfWV4x} z*lfOuGTuZbF%ySOjvK#Y6kuHS@l}-mhs+elyar>Amf3GJTMkn!j{Cw)3e!_6DMTM( t8oox-Y{srW3kV1Z2nYxW2nYx;<9~5;uGSj{Uitt4002ovPDHLkV1hMu4CDX+ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..cf27eb13515cbf9c86fdb0e4ae4c2a4de6f23cad GIT binary patch literal 992 zcmV<610Vc}P)fre7r*mfzEwt?8vy*Sf$=}LFo-FA%+^q*{}bKPIh%$ze*fRakuq9UL; z5s(>U^H`!vs(Ii-Bmt4KM-C~02(ncAt_e^t*alEzASn8tp9+O}=qQGTt)YU9|z!Zc{Km=>@!)P;KlK|Dn{26T&H zNRmENV?98z0oPc%FehL>Fc}owfg(kc)QQUKy}ls3_@fvwL!l(m6n&DW%7&uRU<5Kd zRq^FTL3MQ>g{FheV71l)!!Y3SEP}%^gPyOdeFQ=HY@ZsvguebpPaIMkLd*xI3Ce6X z!{sYiq1IZbSRaXmVPN0|N+XK(iwpKcp^!h2hQqs6kk?a%LiP6cK~+_?T9c&pnwpxy z@offpj?b#!S#DWhV%?u0*c^yDapdk6-?O-zg{mh%EHd4I*JA~)p?g~M&s94*f! zMj+)T6whgjAt~UW|4_HP5v@;r*2-2q9tWp$HtDCZzfyz3KLEE?QYh%Vjl$A0WR61l z!L-8RX~F;)4)4}jECxQ`&!m;!4!?o5wKc`Dk+ohq=e`U=Dja2beXLvu#iWnv=sbtq z2x(Xl7ez6;yyQLW^?rAvY%C3y6&muM$MRWDuQ)FL$T>GY3OTH$3Cu`11ogx*^X{1p zDl10n0+ZlsY8yOgTH8^C(B=N|^l@D57J_=N1xgnf78{tiS6cQA(KKyA)@#?&hv&JM z;a^KP=Vr&=qwG3lrY~oxDdb*>`%o<{ry5KQ(?e4fx-Ahl1ey$rf+%>AAsk$S{}>9o z2K@eo6-c=QE)A2@Qu3D+B0U#g`K9-tU3k^{XPpjYa0UHEP*O=-R(}8*qL$Fs&JyAP O0000%wrjVsmW_35@6PwyoxNV~dcC`MT^H|@-0tqJck4d+ zzIX4v?>hho2L}fS2L}fShXnwF@}rpVB*HvV4#H58=SoR>=eFR2`2ndMBaL!7qRO$T z^Es-NS{PEtIW!o48eq7v={yl<~=_^DC;~z166ypWHM@S{lPfo^z0|S?Fd5$DOW3LoU^&g^* zS~WwfS3gke^)~KfSf(8i+6g8QMe#yvHgW9Eorw#BgIyuW2vXZbmCX`%3CpW`L{v@f z@&h=04&ag+pn)jHc|kZiG0q(dg}RA29swsv zfs%vV6%~t~t8Z9^xRD#3QXx=+hOnHjLRuC=M_`^|7FdJu8v&;M##Tr!#XIN1Hm2apjZZSqd7pm&dAt0eWvTHD+VFTeCE z`2Buxxr&=*^7)p*1{{e~QW%E`;pGPdS91162G|_xawQhc@17BVCvIr!~jKCmvz3fykt(SYPS|OITA7Awa zSfEt02u2%zgkTA%i_%3Y3_Y~v>5hdYi{SMdO%UFRH8Sjy;RLmq2P%2d0u?eVhm$k`Cp?MO>=c4->nu{Ip=C z_4WR3=<|Ze6JctLS^!LRT>rZfmiASO=idYiltNl>pD|$~FG#(7!-H?l2%Fo40FJbB zmPY2tjLwhE%-$t4ucor#dUN_^EiHi?do%Z(j8DkNk;>IR1u1$?pBw29)ce+i@o2vt zOd`!+8SR;CaqjFHxG`|U&^3Y}T;$#?ED>!l1NOw zHyRE1KvtNcIenv3)YPPL90yHJO-0S+%OTb9)Ttlf(xr=FhTCJq@8TTgZBQ4ci;*-N zRcYhnW6+16ZbTTF(<%niz@Iqror$UG45`%Y@xI=R-$14slFd+b5iF(IHncw8;bK|K zX*M!=CRKFp+WXSSKA$gL9*a%jNQ^-E=3rVDNx4}eG7{Q0G<0ncvKb>uoGocK<#kl0 z*$qyyeKeP1lk$Aqynnd({2Pj6bf89{Tk#x8I__e4UP23S@KPzpJo?$+!!C_ z!Y_b&H=^jaOM==8#BzS=iE`y?sFL) z8qr>|SvJy$tU&jfLy(OsWptUEDW$zAI1Q0j=kx!DlMTC&ZA;D7A#GMNIsHyBaP~0d zi;`DG0E5v*Fx#!ryQj45e2u57>Nrl-ZG;jah(gbJ^w$1xI5-ITlBg^@w@a9`&-B$E z+}pvju7fE3J`sILRPp@mr-80?6_l^bmsda2?Uo!ngvsxn^OA$R(t{Jj>?^dyVNo$G z>a&qs*AGV`;R#TG`$Im317JZG!A@cF`%4Qx$U8?%@9{2c$D@ON2r)as1bB-1LMq9h zjB?kHaa@RqD)e%er8Y~6-NNL5L;3n2vuf4-HTQTM+gvPz9}cJm|B7T}z4$mCfubmc z(|bJb#+JfKK8f3?!S9EM2Vzk8wZ8@V`k&U{Qi?-hY@LHxV6#n>@}DRrYT}Sex$+vN z0A<$4R#EaVGG8dyH6TT~+ILe+hZ#zfS!F(j$Nb?60#mPBm+XR-b|VoV6tEbK>hvwMfLSf_XvVeW@Tl`1p;9i zU4f!VBS}(5r*rp%UaueT=y1Ai<<4u(HVE{Qh;|-JaTHJ@y1(1XSfq>m=-G0^5()=1_yLS^bo)?I0PIM6r;Sn zyyoI!$+%WKV~5C2#ddxqDBZjPR@Z-n*NCuH(EoQA}F$ukXty>@vs346{w0@cJ zVCX12$I3Dzb}*fZ{8*H2AgTC(XQPqP!mlxfqOyl1$>&@x6y)c?{X4fH|7;El8%$Fiv*?;g3{0;OK939WH6LpC?&hF{2jmND?BS)}81``o6RQKals|Lc1?pECQ*d z2+o&E(G*q%^EmD8?T$7z)pwvI?fJ1sQoOK-H(WA8(XB(H8Ex(DRjs3}2O_aqOy_W% za2Cs7Rcq@Fbr_0?$pW~J6De(Qm_RXR3fZ0VQ4nr!PX9n85_buOp^FD!(bH!(o1eC| zDc?eLXiah1@b&z`-P+Kgcw;gdZ=xML%+n5BF4xHP^rR9&4MFtuQSt0jxmVIQghn$_ zUQ!}eip6Kz2|`#JxxV>LJ|DT{bUMF`jSat3tJOOYnlgVF2D_$kour~JzK00000NkvXXu0mjfa{JIt literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000000000000000000000000000000000000..fbbaf2e41542cf1b70dbe9f3f6fd6110ea0bf92f GIT binary patch literal 1977 zcmV;q2S)gbP))fPmI$2w_Nz|Dpxy1Los?Fsllet2t(=9g`426EbpV8^`%kT|8A3KhA4wm&f-0s;Sr_=Gs)t3DmA$bqEiG*yI?niV_5uI>;P$3jRJ|Cm~|DIsiu ztgBZC_nXb8BS1-%5LAsFDB`}VtX%gIgk-T0S)6QW3k$1$9UT{*U$SIrqh7DCfCPYY zo~^z8#~nwH)^XA1g@pp+iZq(S!en)K_f=Ue8RtNus1gHL)3LGJ`)g{pc0x!R3zVeM z62_GiX#IM72W!*QO^uL5W@hexf~x4p5E8~07jyO0LHvYu71SULlbxM&sH^MpVRUGO zx&9{J^z$3n|C3F;!om`~T4ZtL=05WQ%A;>XxG)`rgvl1ChuBeFH6)RlnOT~fo7>*q zeaSh0DJiXFO332ydOgF%#RZ#SE|1~O1EHM8?{Y*WmMWQ2vM^{=QE>5M&mjoqFk#gc z4){fp8)5vMrK2UwHS30f!GBuFdOBvQf@k%c!}VDWaxLs|Ej&F0r@ zYHINKRtF1PN`MH`#Dr1LS+r$gaHH{4=M|94o;`a>Q3gOE!c;4ZW6U-g5GMzVC9?ox zsE!ztuwVgdm&MVG8WB09rJ0t1^yG^uq7ioO+Hgw9!i+@*l919~YY5|BKjwCEt5R!KK@#DwuK^!DP+DkHpxm^Db z1LeVYaFK`ATGXs&Y4{mgmgQ+#_uRR22al%|nPyY9G_%Qw$}9r8^!N915k^|=BS|!! zwczux-rfP!`%hO*?|(~m30O<=W!;1F*KkS6%FPgZMD2!!6C$ESI|-t?NW*2wm4%s@ zu;ETQ7geMsQIbR>jNh72llIn*O0Zgx5} zY97)Q8?{za>b{ha=Jk3eii-=@LXwsW00@?R(`X2kf@OWq*47_(LMWQ}RWNE%9I-~2 zung5k+O1nRckkT!=6MK3m)OF(sGuc`+p9|2y?b{*-LRpQ%UdK_Nr^CiIjWI1FRLEJ zmuzx9`h+jp2{IcEu>RV7Jf@*0D_T9fIiBlvwHPyifN4<0za zsHm{wD#%}#&#!)}e6c}TcGyb}ix)pzYcv|)p(PGQufyrIf7#S@>QqxxlO4!!fAAmS z0K_2+qogo?`N37o4Gj(1R%_XI6mh%ac{vM>3p>xA{ida{u@Q@sdO0huoFznQVf^pl zM_gdlOnrTQmepESfo9k%4F+Q&!{{tJ9azvl5P|cr|Dm2bJIJ!0@kfsy4z;#^fBxjj zlMax6?Jp%?{}cNzp*TijBjK0W6cZ)<6N!W*jv-tZ-Xjzsob^#u6#s`L3*ov3;TkQ{ zZzD~I`9-cPLNbN%iL@w$A7LDdMp7yxmCrOZG&D3cG&D3cG)O!FCcVbEVC~i300000 LNkvXXu0mjfypE~_ literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..4f9776eaff8223af89fad19ff5f08f373084928a GIT binary patch literal 990 zcmV<410np0P)-w(X!GPjRF%jr4$+i17GDopixBhLVQt#Z^D`RA}HT3-x*|9C=3)$ z!Eic)5JMS)V+1LRBUjBIbHCi~UFTl!b$9OE?e02#X_Cd^V(@NF=i9cK>~2Fx0+9#UKZm5Kamh3pG2t z@B++UYS{^lzVZij=Tacv1WA}B^VIl0e9M!q(ptQsX1N+gI(4hcsD#Y>~n z)aK=Bhpkr2CPYsvcJKp1eVBK^#G(@%|JK1148e^;Ei~vZqf{(v69@#pS65$eKv_TR zE^Bx{ASoAW)#HVSLz6J%SOO=??@+s2g~?l%R$&m;8;Z}v8TE-cThwon%jN8`+wDGx z?z0#$LOzs*oh30jxi(wD5ccoQ%}*aOj3Bbl2)R(qz{$k4=|fA6Q&yJd76*lk8nH7r zH)n587Zk4<=O1jnN~J1-XjqGzF(sd|*&OW(g~AAFgkto=>B82dPaBnarj8H<#cU+oBo!<~>u zxW>{e*!o~FxB$^B5hMa*;VLSwr45d0Bj#u~Hr!(n>%$WIG4?-52OQrZns-zbAMfDr|~B$1|WJjiyIt{63*rNZLF)iZQ`K#J6Qxba5AM04s%hATSDQW zQpCc|%-HU$RO&W@*nN0N6|;P6YirNz>-BvQd$p#;Y@~XA_Ow=2mAzY8S-yi#Y_CK+ z@cDe7$HzzY2k^Ovp zgl%7#t)B#%E_``r`tV0=yEy#zIE%?z_DY8 z@P57|ugF>`nCc&*4Jpl-y1Kd*g@t7YOeXVQB&Zmo!0mQ-&CEP%?(6IAs;>TY6rKqp zEk44c2(^SQNj)s8sOas(Nl8hE(dXqr0k7BVnwy)uX0!cSTT^o!i(?@ui@!}R+SCxX zMAnTP14ojREhm7IC?P0~ohagd*uH(+7Z8-iLU?hqp)D*V{o33ASeuixs@`ZcmOu1hDvgbWq5APbX`vEsPRcD)*H zn&H`a6EDWag&Y6LMyarn4qhv=I5IP{K12QJ2M{XE06}50#Tg-bG?#`X($dljGcz;W zIy?VzE$)iTRWc!DaV#u&hVt^PJK;-;n^e7j>u z5guxIcng21;SJYDq@6zX$m+N^303VK(Ce52HyieM`oYoHX1@nn%aUPzRtCr=B_+jr z|Ndmt?c2BKAj%u_NQCjnSyW^-4GhEQwi^+P;)BnzjZFG~(iW7aa$p$7vVQ&RQ%y~c z{XiBLR$91DpZYlKeD4s{cJ+f&&f`?JkAPe()5sNU*%figMJ^s{|OI6h&Qj`Hi5Mfd&scBgp zILcfRTw(d7r>9vVigd(~gasPVx-5=M19n-*CnZ^OK)U!MifDxO^b940EKCm?n#dtJ zImOERNGj`zLKKE%eQ2?me*^`@N*2a3`&icTXn2tZGDUF+>yk`=|8S+z2niz#BUczI z>7_xG5F(5P=qKp1f(VS$E_w4a_n zefkk7AQsZf*RGUx{M_7=A)tKo9hl@%Q1E7>mZjlmWZ5#Gk2xHUe?X-&o2I4Vr?Jtr z+27yCMVRcH???t~f#+e}-8a$bKSkl_f6zZpqd|4yCfNVRI$7tS{%a^df5R>aKB9KR z(t?O6krqKT7iqW+xw0@56XSSL&P5ezN|Yp#2;*N(s7b5aT_n5j!QeDJUAEQVMl^JH zU%w9G^T@&yO%a4zdg5CeIZsY;2ah8wJIW%6%jLRKRFr=df&~z+PDz@iLPU-*{_)hL zVX(L!^jym}G69pWC;nmwCOdT*Dt0XQm)I)Sz2c89B{VnxyzT7S(<87{m?~v9;dxZ0 zsm;TOQ{R-Azs1ewA(hyuT_vT?O9*KT3!aI*JnL47(^LTf!IW zj3#~xMl6aW+6WW2q1i~gbH{#g-@f;*LNL0-Ce}p+En(bRQ_`lVAAVg{R><{RBw2BZ zFn&9lk+vwS7R0A)awGbfPub*uX`oMYI%jrzz1~rXF}TkfAD=jiWZ^03QfUYvQx=An zFz(9(7lPvAt+w&;F(l1*6JmtNvoP4+-detAPx&PX9cxA1X9=N|lB70y7lXb^i)Gmf z{5}z=0FJ8JS?6~pB?UMI`SbGm>8HsT8-#6#yyWoWi!W80&F1~I#G&YQx?D5gH#A(h z(9qC;Zx2XsfAAmS04R`!QBxSd{lKi{y1KfIf`X#GDB=z%c{vN+7hb!3`C@Z@eLWT> z^>UV?K1+z&!ua38k2wEav)bC)9>)}VLp-lst`|Me8No%;YS#Us*#k)NcCqrIyyQ!IyyQ!Iyxl& Y2W|h*EwZiEYXATM07*qoM6N<$f+;w-asU7T literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..a03aed5874ac7336fe158517fcd33b93287a0200 GIT binary patch literal 514 zcmV+d0{#7oP)jU}1zc0Rn>E(P!bh zYqRybUhhTpuddB4{pH%UT>+}pBI1TWxY%S~Z4eFH0IUI~BM^`&Js9=3pXa-hxLYf* zWFeun!;v1}OKaYt130Yle->xOK*FF0&cxb$=BUMPi8)RfFPk_i$iHY_R@&>#BYBF_%OmyobG@X#Tz!RVh3|$Zz5G;sx zfR+?;hksVBw9eT{{kI*T{r^f;+jElkK5`w$ZI4KjB&oTnWjAIos8IsjRL%h7sW+v44?}yii6k)z%)E=wFg`U z@6q;7@U}}?sx@HIc&N63W#FM&0+xk`Y6n;*9;y{!*?6cnfa}0RwE$cf9`YV=op{J= zz;)vxZvm@-hr9%=3Lf$fuu6EyE5NGZplnCf5?K&^!b9w5;XDz2!$Y~82j+q3BOc1_l?VsXS3H#KOSvqFKI5U>Ukl#_(RVy_ zj|vErMoE8f5+Oz(r#()U@lYXvXcfd|_pdr0D)e$zRs>)0P~q1D?~36Q9xCO6>Z&Nd z;i1y5NH4?j5f7DmNk0k6S3Feu??mEQKI5UnPGi!FPI0gvhR=9tEr4i_=y&q3Ud#lL znE)~qKxP8SOaPe)ATt->grtPjI6krnXzVdb&a5@d0TtO1NzSyjgN3p9K)61hu|tw# z*`aGaRp*n)l-m7pAyz327E^QCcWrY5PI}$*E3?s+JrUVq()y`rm1U4SMpK`x-cqVD qYYR>c&5m0}jp9pwN|Gc=^Zo-_m@1bxD`c1e00007+?-D=_sP-Ap%`UZ4&(RaWb0K6X- zdJxM2$2|;uC!p8dCzJp^qBglYnY}BoPaSv4j_$L)9_cQkXNrOwy7#`5L!AuHaX*Z} zviTGS2MN+i4?FH1na5FVz^}N-;XW9WE&W|$aSqv8`b*jhOlyI%83hh^cZ6e%0jKAu z^mKVfwXHEWz~RP^ucQ-)3eVuy`dYd@Dsd*8 z#tDHQn_$9CP=r*069UU3RpCkjMM#x6)Ga#@NR+%D0fo1a{zgw34pq7j=Fg;R9IAYy z&Lfd39IEvs;gKqFsPr|M&s)4`7QJjXk<_zTH4e3ZJ7wd6K3Uij7||!$QW(7?n;bA0 zlO1P~8N%yiX9>iLCRR4F3~MHz%{}8+SKFHC7iu`eYK4layrN Aj{pDw literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..cf8f17c4fb045d5cd6f362d504078d069f9cb1c1 GIT binary patch literal 854 zcmV-c1F8IpP)?CyLHu znllQQQ#uY7MI-Y8$H9R9`4ft~F}Yk6&FFeKrCIRH^syNbcz^wQ{P6?Q=zNdthX*D^ z-#8w7p5m<(Tl|5E;gigk!(d2$?8keRc9gPj{>BPRiew{OyqH?L{( ze2=&}2ME0R_$3YR3@CWE$3}Dta1}3!i|7oX2``C*=mcO9Uefyiu9@pR;3jy}FQ*iI zKBY2s8n9|S)LFnf@K7fK>%v2w1FRDdbqcU3vYuc9S>cj3IZa^`@Knmn7q%c?RcmX zK(q;BQ4;V_rH`}L9nN`4!9$fl58M_}5+17Mf$FA+((q7iPo&o&O2k980irxasd%VX zK$J$5jE5?_j43L)#KG@sCF7w+0MP}a@M=GVyOshnQ$S`4$V>s5DIhZiWR?YtXhB*| zSeWr@hPAW8Po(AKZ2%bhA4xNZB|%g5GK0R)7xeJyt@zy|(pEd7ca!(&jpma`e;JsL zcXz`QpfJhSGmigy@|zw%`9Mp5hjdRoqJH>lyG3YM!;+v_)$)8{Mn~2b#FYq6rZ^v@ gmi*K-P17#>50njnUZ7+i8~^|S07*qoM6N<$f&oWy^#A|> literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..57f6ed7a5c5d4c566b0c462e32178e874bcd2121 GIT binary patch literal 314 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEoCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{&`Oq$B+ufw>LHl9x~u*efYeE(TGWThOS0r zBX5F`TSDuFz)g&jjeg?$PhKoKeMLoms`c6OK=p>3T%Wyre&_Dx3>S3ydnw_e z$YnmybFt<1XYZ-SgtkAI+A#lD`J`C4u%DrY;_N#%s=W~Typ%z-ykT<58pHY8Ki2qM z(%#^*z?5mNU`DS)HcOQ91*yhs99!Iwgl02WTdZMVeepo0@y@48CN;}L2jj22&C};x xUZa1YaIs~c+1DFMt@{j4IJaf)KK1V+dyTe5MwG{TRiM`xJYD@<);T3K0Ra6cbBX`} literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f686cb9c8735d9de70baaa178080828817b77a8e GIT binary patch literal 571 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)oCO|{#S9E$svykh8Km+7D9BhG zPs3QhaNse){Vx zrpyiBK85nj$j+VH@Aw6AEg+)X#z{Nq3 z(RDx=-HeNQc|5-wR-BE@VxG_ADfjqQ!@``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{%KDa$B+ufw>LHl9#RlF_R+ndp(i0*+^mq* z{DP;>na?kAW&u;?dj`TMTr(eJy3>>>Y~-*pNcTf=|(%Z;dP{X**_S5M!6 z`J&dsa(neN>CeLES2=$hRlkqzd-G}S*4dk{^n3q$Dt>?0`MvL!$~xaGxwP!lZp1_VyCxq$YIm>-U%{Na#0mWuLv~Becs8ktTT<{-qGzc lOPih+=B-S$Wm3DseTK#S%)gv|Eugm;JYD@<);T3K0RZ6Qb$tK; literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e3f1f758612c7e959700f2aedb09741cf0b0ff5d GIT binary patch literal 551 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)oCO|{#S9E$svykh8Km+7D9BhG zh$~O6lQ~H+Q z6$(4-c3o-d`OFe=wl%9hr%D$dQpr=-Us_S0^;|xC!t=#%!@T#G*iX6JRC%$kFh1zi g`McU@85kDoM}-x?{A*Y;85pk&p00i_>zopr0DYUo-T(jq literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/colors.css b/dotfiles/.themes/Material-Gnome/gtk-3.0/colors.css new file mode 100644 index 000000000..f0307d9f4 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/colors.css @@ -0,0 +1,16 @@ +@define-color color0 #0f1416; +@define-color color1 #bfc8cb; +@define-color color2 #b2cbd3; +@define-color color3 #b2cbd3; +@define-color color4 #85d2e8; +@define-color color5 #85d2e8; +@define-color color6 #85d2e8; +@define-color color7 #dee3e6; +@define-color color8 #0f1416; +@define-color color9 #0f1416; +@define-color color10 #003641; +@define-color color11 #1d343a; +@define-color color12 #85d2e8; +@define-color color13 #85d2e8; +@define-color color14 #bfc8cb; +@define-color color15 #bfc8cb; diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk-dark.css b/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk-dark.css new file mode 100644 index 000000000..a8880a0c8 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk-dark.css @@ -0,0 +1,6674 @@ +@import url("colors.css"); + +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-color: @color13; + opacity: 0.1; + } + to { + background-color: transparent; + opacity: 0; + } +} + +* { + background-clip: padding-box; + -gtktoolbutton-icon-spacing: 0; + -gtktextview-error-underline-color: @color10; + -gtkscrolledwindow-scrollbar-spacing: 0; + -gtktoolitemgroup-expander-size: 11; + -gtkwidget-text-handle-width: 24; + -gtkwidget-text-handle-height: 24; + -gtkdialog-button-spacing: 6; + -gtkdialog-action-area-border: 6; + outline-style: solid; + outline-width: 2px; + outline-color: transparent; + outline-offset: -4px; + -gtk-outline-radius: 12px; + -gtk-secondary-caret-color: @color13; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected { + color: @color7; + background-color: alpha(@color0, 0.1); +} + +.nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected { + color: @color13; + background-color: alpha(@color13, 0.2); +} + +.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected { + color: @color0; + background-color: @color13; +} + +treeview.view:selected, .view:selected { + color: rgba(26, 27, 38, 0.87); + background-color: @color13; +} + +.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { + border-radius: 0; +} + +.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { + border-radius: 12px; +} + +.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry { + border-radius: 0; +} + +.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { + border-radius: 12px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: @color0; + color: @color7; +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: @color0; + color: @color7; +} + +.gtkstyle-fallback:hover { + background-color: alpha(@color13, 0.15); + color: @color13; +} + +.gtkstyle-fallback:active { + background-color: alpha(@color13, 0.25); + color: @color13; +} + +.gtkstyle-fallback:disabled { + background-color: @color0; + color: alpha(@color7, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: @color13; + color: @color0; +} + +.view { + background-color: @color0; + color: @color13; +} + +.view:hover { + color: @color13; + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.12); +} + +.view:disabled { + color: alpha(@color7, 0.4); + background-color: @color0; +} + +.view:selected { + background-color: alpha(@color13, 0.2); + color: @color13; +} + +.view:selected:hover { + box-shadow: none; + background-color: alpha(@color13, 0.25); +} + +window.background.csd > stack.view { + border-radius: 0 0 12px 12px; +} + +textview text { + background-color: alpha(@color0, 0.05); + color: @color7; + caret-color: @color13; +} + +textview border { + background-color: @color0; + border-color: alpha(@color16, 0.6); +} + +iconview:hover, iconview:selected { + border-radius: 12px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { + border: 1px solid @color13; + background-color: alpha(@color13, 0.15); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 12px; + color: @color7; +} + +flowbox flowboxchild button.osd.remove-button { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: alpha(@color7, 0.7); +} + +label:disabled { + color: alpha(@color7, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 12px; + background-color: alpha(@scolor0, 0.9); + color: @color7; +} + +.dim-label { + color: alpha(@color7, 0.5); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: alpha(@color7, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: @color13; + background-color: alpha(@color13, 0.1) +} + +.osd .scale-popup.background, .app-notification, +.osd { + opacity: 0.9; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-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; +} + +/**************** + * Text Entries * + ****************/ +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry { + background-color: alpha(@color0, 0.05); + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus { + color: rgba(26, 27, 38, 0.87); + box-shadow: inset 0 0 0 1px alpha(@color13, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active) { + color: rgba(26, 27, 38, 0.87); + background-color: alpha(@color13, 0.15); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled { + background-color: transparent; + color: alpha(@color7, 0.4); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image { + color: alpha(@color7, 0.6); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled { + color: alpha(@color7, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image { + color: @color13; +} + +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 34px; + padding: 0 8px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: alpha(@color0, 0.12); + box-shadow: inset 0 0 0 2px @color13; +} + +spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), +entry:drop(active) { + background-color: alpha(@color13, 0.15); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical), +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.04); +} + +spinbutton.flat.vertical, spinbutton.flat:not(.vertical), +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +spinbutton.vertical image, spinbutton:not(.vertical) image, +entry image { + color: alpha(@color7, 0.7); +} + +spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active, +entry image:hover, +entry image:active { + color: @color13; +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: alpha(@color7, 0.4); +} + +spinbutton.vertical image.left, spinbutton:not(.vertical) image.left, +entry image.left { + margin-left: 1px; + margin-right: 6px; +} + +spinbutton.vertical image.right, spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; + margin-right: 1px; +} + +spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left, +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, alpha(@color7, 0.3) 50%); + padding-left: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left top; + margin: 0 4px; + margin: 4px 0; +} + +spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right, +entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, alpha(@color7, 0.3) 50%); + padding-right: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right top; + margin: 0 4px; + margin: 4px 0; +} + +spinbutton.error.vertical, spinbutton.error:not(.vertical), +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px @color10; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color10; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px @color3; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color8; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid @color13; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: @color0; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag, .photos-entry-tag, .documents-entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: alpha(@color0, 0.12); + color: @color7; +} + +.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { + color: alpha(@color7, 0.7); +} + +.entry-tag:active, +.photos-entry-tag:active, +.documents-entry-tag:active { + background-color: alpha(@color13, 0.25); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@color13), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@color13), to(transparent)); + } +} + +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: @color0; + color: @color7; +} + +actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: alpha(@color13, 0.2); + color: @color13; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat, terminal-window notebook > header > box button.flat, notebook > header > button.flat, notebook > header tab:not(:checked) button.flat { + color: alpha(@color7, 0.6); + background-color: transparent; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:hover, terminal-window notebook > header > box button.flat:hover, notebook > header > button.flat:hover, notebook > header tab:not(:checked) button.flat:hover, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:active, terminal-window notebook > header > box button.flat:active, notebook > header > button.flat:active, notebook > header tab:not(:checked) button.flat:active, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:focus, terminal-window notebook > header > box button.flat:focus, notebook > header > button.flat:focus, notebook > header tab:not(:checked) button.flat:focus { + color: @color13; + background-color: alpha(@color13, 0.1); +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:checked, terminal-window notebook > header > box button.flat:checked, notebook > header > button.flat:checked, notebook > header tab:not(:checked) button.flat:checked { + background-color: rgba(26, 27, 38, 0.87); + color: @color7; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:disabled, terminal-window notebook > header > box button.flat:disabled, notebook > header > button.flat:disabled, notebook > header tab:not(:checked) button.flat:disabled { + color: alpha(@color7, 0.3); +} + +button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: alpha(@color0, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: @color7; +} + +button:focus { + box-shadow: 0 0 0 2px alpha(@color7, 0.35); +} + +button:hover { + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.08); +} + +button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(@color13, 0.16) 10%, transparent 0%); + background-size: 0% 0%; +} + +button:disabled { + box-shadow: none; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.4); +} + +button:checked { + background-color: @color13; + color: @color0; +} + +button:checked:hover { + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.9); +} + +button:checked:disabled { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: alpha(@color13, 0.2); + color: alpha(@color14, 0.5); +} + +.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header > button.flat, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 12px; + font-weight: 500; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, +messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, popover.background.menu button:checked, +popover.background button.model:checked, toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: @color7; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: alpha(@color7, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +button.text-button.image-button label:first-child { + margin-left: 11px; +} + +button.text-button.image-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 7px; +} + +button.text-button.image-button image:not(:only-child) { + margin: 0 4px; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + border-radius: 12px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 5px; + background-color: @color0; + color: @color7; +} + +button.osd:focus { + box-shadow: none; +} + +button.osd:hover { + background-color: @color0; + color: @color7; +} + +button.osd:active { + background-color: @color0; + color: @color7; +} + +button.osd:disabled { + opacity: 0; +} + +button.osd.image-button, button.osd.circular { + padding: 11px; +} + +button.osd.image-button > image, button.osd.circular > image { + padding: 0; +} + +button.suggested-action { + background-color: @color13; + color: @color0; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(@color13, 0.2); + color: alpha(@color14, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px alpha(@color13, 0.2), 0 4px 3px 0 alpha(@color13, 0.14), 0 1px 6px 0 alpha(@color13, 0.12); +} + +button.suggested-action:checked { + background-color: alpha(@color13, 0.85); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(46, 125, 233, 0.3), 0 2px 3px -1px rgba(46, 125, 233, 0.24), 0 2px 5px 0 rgba(46, 125, 233, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px alpha(@color13, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: @color13; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: alpha(@color13, 0.4); +} + +button.suggested-action.flat:checked { + background-color: alpha(@color13, 0.15); +} + +button.destructive-action { + background-color: @color10; + color: @color11; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(@color10, 0.2); + color: alpha(@color11, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px alpha(@color10, 0.2), 0 4px 3px 0 alpha(@color10, 0.14), 0 1px 6px 0 alpha(@color10, 0.12); +} + +button.destructive-action:checked { + background-color: alpha(@color10, 0.85); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(245, 42, 101, 0.3), 0 2px 3px -1px rgba(245, 42, 101, 0.24), 0 2px 5px 0 rgba(245, 42, 101, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px alpha(@error, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: @color10; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: alpha(@color10, 0.4); +} + +button.destructive-action.flat:checked { + background-color: alpha(@color10, 0.15); +} + +.stack-switcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +.stack-switcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +.stack-switcher > button.needs-attention:checked > label, +.stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + +button.close, button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), +.stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link { + color: @color13; +} + +*:visited { + color: alpha(@color13, 0.6); +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: @color13; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: alpha(@color13, 0.6); +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +spinbutton:not(.vertical) entry { + min-width: 30px; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 6px transparent; +} + +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: alpha(@color7, 0.7); +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical { + padding: 0; +} + +spinbutton.vertical:disabled { + color: alpha(@color7, 0.5); +} + +spinbutton.vertical entry { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical button { + padding: 0; + border: solid 6px transparent; +} + +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: alpha(@color7, 0.7); +} + +spinbutton.vertical button.up { + margin: 0 3px; +} + +spinbutton.vertical button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +combobox decoration { + transition: none; +} + +combobox button.combo cellview:dir(ltr) { + margin-left: -1px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: -1px; +} + +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -34px; + padding-right: 34px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -34px; + padding-left: 34px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 4px; + border-radius: 12px; +} + +combobox > .linked > button.combo { + padding: 5px 9px; +} + +.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.combo:only-child { + border-radius: 12px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(@color7, 0.3); +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +button.combo:only-child:checked { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color13; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -gtkwidget-window-dragging: true; + padding: 2px 3px; + background-color: @color0; +} + +toolbar .linked +> button:not(:hover):not(:active):not(:checked):not(:focus):not( +:disabled +) { + background-color: alpha(currentColor, 0.05); +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .osd .scale-popup.background, .app-notification, toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); + background-color: @color0; + color: @color7; +} + +frame.documents-dropdown:backdrop, .osd .scale-popup.background:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px alpha(@color7, 0.2), 0 2px 2px -1px alpha(@color7, 0.24), 0 1px 3px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); +} + +frame.left.documents-dropdown, .osd .left.scale-popup.background, .left.app-notification, frame.right.documents-dropdown, .osd .right.scale-popup.background, .right.app-notification, frame.top.documents-dropdown, .osd .top.scale-popup.background, .top.app-notification, frame.bottom.documents-dropdown, .osd .bottom.scale-popup.background, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, .osd .bottom.scale-popup.background, .bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, alpha(@color7, 0.1) 30%, alpha(@color7, 0.2) 50%, alpha(@color7, 0.4)); +} + +frame.documents-dropdown entry, .osd .scale-popup.background entry, .app-notification entry, +frame.documents-dropdown button, +.osd .scale-popup.background button, +.app-notification button, toolbar.osd entry, +toolbar.osd button { + border-radius: 12px; +} + +frame.documents-dropdown entry, .osd .scale-popup.background entry, .app-notification entry, toolbar.osd entry { + color: @color7; +} + +frame.documents-dropdown .linked > button:first-child, .osd .scale-popup.background .linked > button:first-child, .app-notification .linked > button:first-child, toolbar.osd .linked > button:first-child { + border-radius: 12px 0 0 12px; +} + +frame.documents-dropdown .linked > button:last-child, .osd .scale-popup.background .linked > button:last-child, .app-notification .linked > button:last-child, toolbar.osd .linked > button:last-child { + border-radius: 0 12px 12px 0; +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px 1px; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +.toolbar { + background-color: @color0; +} + +frame .toolbar { + border-top: 1px solid alpha(@color7, 0.12); +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: alpha(@color7, 0.12); + background-color: @color0; + border-radius: 0 0 9px 9px; +} + +.frame .inline-toolbar { + border-width: 1px 0 0; + background-color: transparent; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border: none; + background-color: @color0; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +.nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(@color0, 0.04); + border-radius: 12px; +} + +.nemo-window .primary-toolbar .linked > button:not(.text-button), .titlebar .linked > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +.nemo-window .primary-toolbar .linked > button:first-child:not(.text-button), .titlebar .linked > button:first-child:not(.suggested-action):not(.destructive-action) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +.nemo-window .primary-toolbar .linked > button:last-child:not(.text-button), .titlebar .linked > button:last-child:not(.suggested-action):not(.destructive-action) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.nemo-window .primary-toolbar .linked > button:only-child:not(.text-button), .titlebar .linked > button:only-child:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +.nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px alpha(@color7, 0.12); +} + +.nemo-window .primary-toolbar button:checked:not(.text-button), .titlebar button:checked:not(.suggested-action):not(.destructive-action) { + background-color: @color13; + color: rgba(26, 27, 38, 0.87); +} + +.nemo-window .primary-toolbar button:checked:hover:not(.text-button), .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px rgba(26, 27, 38, 0.04); + color: rgba(26, 27, 38, 0.87); +} + +.nemo-window .primary-toolbar button:checked:focus:not(.text-button), .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.87); + box-shadow: none; +} + +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: rgba(225, 226, 231, 0.5); + color: rgba(26, 27, 38, 0.38); +} + +.nemo-window .primary-toolbar button:focus:not(.text-button), .titlebar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), .titlebar button:active:not(.suggested-action):not(.destructive-action) { + color: @color7; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), .titlebar button:disabled:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), .titlebar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), .titlebar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), .titlebar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), .titlebar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), .titlebar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), .titlebar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.6); +} + +.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), .titlebar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.3); +} + +.nemo-window .primary-toolbar entry, .titlebar entry { + background-color: alpha(@color0, 0.04); + color: @color7; + border-radius: 9999px; +} + +.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +.nemo-window .primary-toolbar entry image, .titlebar entry image { + color: alpha(@color7, 0.7); +} + +.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active { + color: @color7; +} + +.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; + color: @color7; + border-radius: 12px 12px 0 0; + border: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar:backdrop { + color: alpha(@color7, 0.7); +} + +.titlebar:backdrop:disabled { + color: alpha(@color7, 0.32); +} + +.csd .titlebar:backdrop { + background-color: @color0; +} + +.titlebar .title { + padding: 0 12px; + font-weight: bold; +} + +.titlebar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: alpha(@color7, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: alpha(@color7, 0.5); +} + +.titlebar .titlebar, +.titlebar headerbar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, +.titlebar + separator.sidebar { + background-color: @color0; + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar + separator:backdrop, +.titlebar + separator.sidebar:backdrop { + background-color: @color0; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: @color13; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: @color13; +} + +.titlebar button.suggested-action:disabled, +.titlebar button.destructive-action:disabled { + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +.titlebar stackswitcher { + background-color: alpha(@color0, 0.04); +} + +.titlebar stackswitcher:checked { + background-color: @color7; + color: rgba(26, 27, 38, 0.87); +} + +.titlebar stackswitcher:checked:hover { + background-color: @color7; +} + +.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +.titlebar .path-bar +button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 5px; + padding-right: 5px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color13; + color: @color0; + box-shadow: inset 0 1px alpha(@color7, 0.2); +} + +.titlebar.selection-mode:backdrop { + color: alpha(@color7, 0.7); + background-color: alpha(@color13, 0.8); +} + +.titlebar.selection-mode .subtitle:link { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: alpha(@color7, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { + color: alpha(@color7, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: alpha(@color7, 0.32); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: alpha(@color7, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: alpha(@color7, 0.32); +} + +.titlebar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +.titlebar.selection-mode .selection-menu arrow { + -gtkarrow-arrow-scaling: 1; +} + +.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 12px 12px 0 0; + border: none; + background-color: @color0; + background-image: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar.default-decoration:backdrop { + background-color: @color0; +} + +.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { + box-shadow: none; + border-radius: 0; +} + +.titlebar.default-decoration button.titlebutton { + min-height: 24px; + min-width: 24px; + margin: 0; + padding: 0; +} + +.titlebar.default-decoration button.titlebutton.minimize:active, .titlebar.default-decoration button.titlebutton.maximize:active, .titlebar.default-decoration button.titlebutton.close:active { + color: rgba(26, 27, 38, 0.87); + background-image: none; + animation: none; + box-shadow: none; + background-color: @colors0; +} + +.background.csd .titlebar.default-decoration { + padding: 6px; +} + +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +headerbar { + min-height: 46px; + padding: 0 6px; +} + +box.vertical headerbar { + background-color: @color0; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 6px; +} + +headerbar separator.titlebutton, +headerbar separator.sidebar { + margin-top: 11.5px; + margin-bottom: 11.5px; + background-color: transparent; +} + +headerbar switch { + margin-top: 11px; + margin-bottom: 11px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher { + background-color: alpha(@color0, 0.04); + border-radius: 0 0 12px 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +) { + border-radius: 9px; + margin: 6px 3px; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, +headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ +.caja-pathbar button, +.path-bar.linked:not(.vertical) > button { + padding-left: 5px; + padding-right: 5px; + border-radius: 6px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + +.caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + +.caja-pathbar button:first-child, +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.caja-pathbar button:last-child, +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: @color7; +} + +.caja-pathbar button label, +.caja-pathbar button image, +.path-bar.linked:not(.vertical) > button label, +.path-bar.linked:not(.vertical) > button image { + margin-left: 3px; + margin-right: 3px; +} + +.caja-pathbar button.slider-button, +.path-bar.linked:not(.vertical) > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: alpha(@color7, 0.12); + border-top-color: alpha(@color7, 0.12); +} + +* { + -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; +} + +.csd +treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not( +.trough +):not(.separator) { + background-color: transparent; +} + +treeview.view.separator { + min-height: 6px; + color: alpha(@color7, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + color: alpha(@color7, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +treeview.view.expander:hover, treeview.view.expander:active { + color: @color7; +} + +treeview.view.expander:disabled { + color: alpha(@color7, 0.32); +} + +treeview.view.expander:selected { + color: rgba(26, 27, 38, 0.6); +} + +treeview.view.expander:selected:hover, treeview.view.expander:selected:active { + color: rgba(26, 27, 38, 0.87); +} + +treeview.view.expander:selected:disabled { + color: rgba(26, 27, 38, 0.3); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: @color13; + background-image: none; + border-radius: 9999px; + color: @color0; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: @color13; + color: @color7; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: @color7; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: alpha(@color0, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: alpha(@color0, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: alpha(@color0, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: alpha(@color0, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border: none; + border-right: 1px solid transparent; + border-color: alpha(@color7, 0.12); + border-radius: 0; + background-clip: border-box; + border-image: linear-gradient(to bottom, transparent 20%, alpha(@color7, 0.12) 20%, alpha(@color7, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: alpha(@color7, 0.7); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: @color0; +} + +treeview.view header button:last-child { + border-right: none; + border-image: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: alpha(@color7, 0.12); + border-radius: 0; + box-shadow: none; + background-color: @color0; + background-clip: border-box; + color: @color13; +} + +treeview.view acceleditor > label { + background-color: @color0; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -gtkwidget-window-dragging: true; + padding: 0; + background-color: @color0; + color: @color7; +} + +menubar:backdrop, +.menubar:backdrop { + color: alpha(@color7, 0.7); + background-color: @color0; +} + +.csd menubar, .csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 4px 8px; + color: alpha(@color7, 0.7); + border-radius: 12px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(@color13, 0.1); + color: @color7; +} + +menubar > menuitem:backdrop, +.menubar > menuitem:backdrop { + color: alpha(@color7, 0.5); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: alpha(@color7, 0.32); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +menubar > menuitem > window.popup.background > menu menuitem, +.menubar > menuitem > window.popup.background > menu menuitem { + transition: none; +} + +.background.popup { + background-color: transparent; +} + +menu { + margin: 6px; + padding: 6px; + background-color: @color0; + background-clip: border-box; + border-radius: 12px; + /* border: 1px solid $primary; */ +} + +.csd menu { + border: none; + box-shadow: inset 0 1px alpha(@color16, 0.2); +} + +menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: @color7; + font: initial; + text-shadow: none; + border-radius: 12px; +} + +menu menuitem:hover { + transition: none; + background-color: alpha(@color13, 0.15); + color: @color13; +} + +menu menuitem:hover accelerator { + color: @color13; +} + +menu menuitem:hover:disabled accelerator { + color: alpha(@color7, 0.32); +} + +menu menuitem:active { + background-color: alpha(@color13, 0.25); +} + +menu menuitem:disabled { + color: alpha(@color7, 0.4); +} + +menu menuitem accelerator { + color: alpha(@color7, 0.47); +} + +menu menuitem:disabled accelerator { + color: alpha(@color7, 0.32); +} + +menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} + +menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 8px; +} + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) { + color: inherit; +} + +menu .view:selected { + background-color: alpha(@color13, 0.2); +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: @color0; + color: alpha(@color7, 0.7); +} + +menu > arrow.top { + margin-top: 0; + border-radius: 12px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-radius: 12px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover { + background-color: @color0; + color: @color7; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: alpha(@color7, 0.3); +} + +menu separator { + margin: 3px 0; + background-color: transparent; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: @color0; + border-radius: 12px; +} + +popover.background, .csd popover.background { + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); + box-shadow: 0 8px 6px -5px alpha(@color7, 0.2), 0 16px 15px 2px alpha(@color7, 0.14), 0 6px 18px 5px alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1), 0 0 36px transparent; +} + +popover.background:backdrop, .csd popover.background:backdrop { + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); +} + +popover.background > stack { + margin: 0; +} + +popover.background > toolbar { + margin: 0; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 12px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: @color0; +} + +popover.background .view:not(:selected):hover { + background-color: alpha(@color13, 0.1); +} + +popover.background button, +popover.background entry, +popover.background combobox { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio) { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):first-child { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):last-child { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 12px; +} + +popover.background separator { + margin: 3px 0; + background-color: transparent; +} + +popover.background list separator { + margin: 0; +} + +modelbutton.flat, +.menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 12px; + color: @color7; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +/************* + * Notebooks * + *************/ +tabbox > tab, notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: @color7; + font-weight: 500; + border-radius: 9px; +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(26, 27, 38, 0.12); + color: @color13; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(26, 27, 38, 0.3); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; + color: @color13; +} + +tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { + color: alpha(@color7, 0.5); +} + +notebook > header.bottom > tabs > arrow, notebook > header.top > tabs > arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.bottom > tabs > arrow.down, notebook > header.top > tabs > arrow.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.bottom > tabs > arrow.up, notebook > header.top > tabs > arrow.up { + margin-right: 0; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.right > tabs > arrow, notebook > header.left > tabs > arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.right > tabs > arrow.down, notebook > header.left > tabs > arrow.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.right > tabs > arrow.up, notebook > header.left > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook { + background-color: alpha(@color0, 0.04); +} + +window.background > notebook { + background-color: transparent; +} + +notebook.frame { + border: none; + border-radius: 9px; +} + +notebook.frame scrolledwindow.frame { + border: none; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +notebook > header { + border: none; + background-color: alpha(@color0, 0.04); + padding: 3px; + margin: 3px; + border-radius: 12px; +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 9px; + color: rgba(26, 27, 38, 0.6); +} + +notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:active { + color: rgba(26, 27, 38, 0.87); +} + +notebook > header > tabs > arrow:disabled { + color: rgba(26, 27, 38, 0.3); +} + +notebook > header.top > tabs > arrow { + border-top-style: none; +} + +notebook > header.bottom > tabs > arrow { + border-bottom-style: none; +} + +notebook > header.left > tabs > arrow { + border-left-style: none; +} + +notebook > header.right > tabs > arrow { + border-right-style: none; +} + +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: alpha(@color0, 0.12); + color: @color7; +} + +notebook > header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook > header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top tabs tab + tab, +notebook > header.top tabs tab + arrow, notebook > header.bottom tabs tab + tab, +notebook > header.bottom tabs tab + arrow { + margin-left: 3px; +} + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left tabs tab + tab, +notebook > header.left tabs tab + arrow, notebook > header.right tabs tab + tab, +notebook > header.right tabs tab + arrow { + margin-top: 3px; +} + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > button.flat { + padding: 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; +} + +* { + -gtkscrollbar-has-backward-stepper: false; + -gtkscrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid transparent; +} + +scrollbar.bottom { + border-top: 1px solid transparent; +} + +scrollbar.left { + border-right: 1px solid transparent; +} + +scrollbar.right { + border-left: 1px solid transparent; +} + +scrollbar slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: alpha(@color0, 0.5); +} + +scrollbar slider:hover { + background-color: alpha(@color0, 0.7); +} + +scrollbar slider:active { + background-color: @color13; +} + +scrollbar slider:disabled { + background-color: alpha(@color0, 0.32); +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + margin: 2px 0; +} + +scrollbar.fine-tune.vertical slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(50, 52, 73, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(50, 52, 73, 0.3); + border-radius: 9999px; + background-color: alpha(@color0, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: alpha(@color0, 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +scrollbar.horizontal slider { + min-width: 24px; +} + +scrollbar.vertical slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: alpha(@color0, 0.32); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: @color13; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); + background-color: alpha(@color0, 0.7); + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + padding: 2px; +} + +checkbutton.text-button label:not(:only-child), +radiobutton.text-button label:not(:only-child) { + margin: 0 4px; +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate), +actionbar > revealer > box radio:not(:checked):not(:indeterminate) { + background-color: rgba(26, 27, 38, 0.12); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):hover, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):hover { + box-shadow: 0 0 0 6px rgba(26, 27, 38, 0.04); + background-color: rgba(26, 27, 38, 0.15); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):active, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):active { + box-shadow: 0 0 0 6px rgba(26, 27, 38, 0.12); + background-color: rgba(26, 27, 38, 0.2); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):disabled, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):disabled { + background-color: rgba(26, 27, 38, 0.04); +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: alpha(@color0, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px alpha(@color7, 0.04); + background-color: alpha(@color0, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.2); +} + +check:disabled, +radio:disabled { + background-color: alpha(@color0, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: alpha(@color0, 0.7); + background-color: @color13; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px alpha(@color13, 0.15); + background-color: @color13; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px alpha(@color13, 0.2); + background-color: @color13; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: alpha(@color7, 0.32); + background-color: alpha(@color13, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +treeview.view radio, +treeview.view check { + padding: 0; + margin: 0; + background-color: alpha(@color0, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view radio:selected:not(:disabled):not(:checked):not(:indeterminate), +treeview.view check:selected:not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(26, 27, 38, 0.12); +} + +treeview.view radio:checked, treeview.view radio:indeterminate, +treeview.view check:checked, +treeview.view check:indeterminate { + background-color: @color13; + color: @color0; + background-image: none; +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + border-radius: 9999px; +} + +.view.content-view.check:not(list):not(:checked), +.content-view .tile check:not(list):not(:checked) { + background-image: image(alpha(@color7, 0.25)); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):checked, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):checked { + box-shadow: 0 2px 3px -1px alpha(@color7, 0.1), 0 4px 6px 0 alpha(@color7, 0.12), 0 1px 10px 0 alpha(@color7, 0.1); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + background-color: @color13; + color: @color0; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +scale.fine-tune slider { + margin: -7px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: alpha(@color0, 0.3); +} + +scale trough:disabled { + background-color: alpha(@color0, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(@color13); +} + +scale highlight:disabled { + background-color: @color0; + background-image: image(alpha(@color7, 0.32)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(@color0, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: @color13; + background-color: @color0; + box-shadow: inset 0 0 0 2px @color13; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px @color13, 0 0 0 8px alpha(@color7, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px @color13, 0 0 0 8px alpha(@color7, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px alpha(@color7, 0.32); +} + +scale marks, +scale value { + color: alpha(@color7, 0.7); +} + +scale.marks-before:not(.marks-after) slider, scale.marks-after:not(.marks-before) slider { + min-height: 24px; + min-width: 24px; + margin: -11px; + background-color: transparent; + box-shadow: none; + color: @color13; +} + +scale.marks-before:not(.marks-after) slider:hover, scale.marks-after:not(.marks-before) slider:hover { + box-shadow: 0 0 0 4px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.12); +} + +scale.marks-before:not(.marks-after) slider:active, scale.marks-after:not(.marks-before) slider:active { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.12); +} + +scale.marks-before:not(.marks-after) slider:disabled, scale.marks-after:not(.marks-before) slider:disabled { + color: alpha(@color16, 0.6); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-horz-marks-before-slider-symbolic.svg")); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-horz-marks-after-slider-symbolic.svg")); +} + +scale.vertical.marks-before:not(.marks-after) slider { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-vert-marks-before-slider-symbolic.svg")); +} + +scale.vertical.marks-after:not(.marks-before) slider { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-vert-marks-after-slider-symbolic.svg")); +} + +scale indicator { + background-color: alpha(@color0, 0.3); + color: transparent; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: alpha(@color7, 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: alpha(@color0, 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: @color13; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: @color13; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: @color8; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: @color13; +} + +levelbar block.full { + background-color: alpha(@color13, 0.7); +} + +levelbar block.empty { + background-color: alpha(@color0, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid alpha(@color7, 0.12); + background-color: @color0; + color: @color7; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid alpha(@color7, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 12px; +} + +.frame.flat { + border-style: none; +} + +frame.flat > border, frame > border.flat, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + margin: 6px 0 0 0; + padding: 6px; + border: none; + color: @color7; + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +actionbar > revealer > box button { + border-radius: 6px; +} + +actionbar > revealer > box button.combo:only-child { + border-radius: 6px; + color: @color7; + background-color: alpha(@color0, 0.04); +} + +actionbar > revealer > box button.combo:only-child:hover, actionbar > revealer > box button.combo:only-child:active { + color: @color13; +} + +actionbar > revealer > box button.combo:only-child:disabled { + color: @color13; +} + +actionbar > revealer > box stackswitcher { + background-color: rgba(26, 27, 38, 0.04); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.6); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover, actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + color: rgba(26, 27, 38, 0.87); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: @color0; + color: @color7; +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + background-color: @color0; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: alpha(@color7, 0.12); + background-color: @color0; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +preferences stacksidebar.sidebar list separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +window.background.csd stack stack stack frame > list, +window.background.csd > stack > stack > box > frame > list, +window.background.csd > stack > stack > box > box > frame > list, +window.background.csd > stack > box > stack > box > frame > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, +window.background.csd > stack > scrolledwindow > viewport > box > list, +window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, +.geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, +hdyleaflet list.frame, +leaflet list.view, +leaflet list.frame, +box.horizontal > stack.background list.view, +box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, +hdyleaflet overlay scrolledwindow > viewport list, +leaflet stack.background scrolledwindow > viewport list, +leaflet overlay scrolledwindow > viewport list, +box.horizontal > stack.background stack.background scrolledwindow > viewport list, +box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), +leaflet frame:not(.view) list:not(.contacts-contact-list), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list.content:not(.conversation-listbox) { + border-radius: 12px; + box-shadow: none; + border: none; + background-color: transparent; +} + +window.background.csd stack stack stack frame > list > separator, +window.background.csd > stack > stack > box > frame > list > separator, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, +window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, +.geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, +hdyleaflet list.frame > separator, +leaflet list.view > separator, +leaflet list.frame > separator, +box.horizontal > stack.background list.view > separator, +box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, +hdyleaflet overlay scrolledwindow > viewport list > separator, +leaflet stack.background scrolledwindow > viewport list > separator, +leaflet overlay scrolledwindow > viewport list > separator, +box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, +box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, +leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list.content:not(.conversation-listbox) > separator { + background: none; + min-height: 0; +} + +window.background.csd stack stack stack frame > list row, +window.background.csd > stack > stack > box > frame > list row, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row, +window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, +.geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, +hdyleaflet list.frame row, +leaflet list.view row, +leaflet list.frame row, +box.horizontal > stack.background list.view row, +box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, +hdyleaflet overlay scrolledwindow > viewport list row, +leaflet stack.background scrolledwindow > viewport list row, +leaflet overlay scrolledwindow > viewport list row, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row, +box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, +leaflet frame:not(.view) list:not(.contacts-contact-list) row, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list > row, list.content:not(.conversation-listbox) > row { + border-radius: 3px; + background-color: alpha(@color0, 0.04); +} + +window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), +.geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), +hdyleaflet list.frame row:not(:first-child), +leaflet list.view row:not(:first-child), +leaflet list.frame row:not(:first-child), +box.horizontal > stack.background list.view row:not(:first-child), +box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), +hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), +leaflet stack.background scrolledwindow > viewport list row:not(:first-child), +leaflet overlay scrolledwindow > viewport list row:not(:first-child), +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), +box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), +leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) { + margin-top: 3px; +} + +window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, +.geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, +hdyleaflet list.frame row:first-child, +leaflet list.view row:first-child, +leaflet list.frame row:first-child, +box.horizontal > stack.background list.view row:first-child, +box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, +hdyleaflet overlay scrolledwindow > viewport list row:first-child, +leaflet stack.background scrolledwindow > viewport list row:first-child, +leaflet overlay scrolledwindow > viewport list row:first-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list > row:first-child, list.content:not(.conversation-listbox) > row:first-child { + border-radius: 12px 12px 3px 3px; +} + +window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, +.geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, +hdyleaflet list.frame row:last-child, +leaflet list.view row:last-child, +leaflet list.frame row:last-child, +box.horizontal > stack.background list.view row:last-child, +box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, +hdyleaflet overlay scrolledwindow > viewport list row:last-child, +leaflet stack.background scrolledwindow > viewport list row:last-child, +leaflet overlay scrolledwindow > viewport list row:last-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list > row:last-child, list.content:not(.conversation-listbox) > row:last-child { + border-radius: 3px 3px 12px 12px; +} + +window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, +.geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, +hdyleaflet list.frame row:only-child, +leaflet list.view row:only-child, +leaflet list.frame row:only-child, +box.horizontal > stack.background list.view row:only-child, +box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, +hdyleaflet overlay scrolledwindow > viewport list row:only-child, +leaflet stack.background scrolledwindow > viewport list row:only-child, +leaflet overlay scrolledwindow > viewport list row:only-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list > row:only-child, list.content:not(.conversation-listbox) > row:only-child { + border-radius: 12px; +} + +window.background.csd stack stack stack frame > list row:hover, window.background.csd > stack > list row:hover, preferencesgroup list row:hover, +.geary-accounts-editor-pane list row:hover, window.background.csd.unified > deck > deck > deck list row:hover, hdyleaflet list.view row:hover, +hdyleaflet list.frame row:hover, +leaflet list.view row:hover, +leaflet list.frame row:hover, +box.horizontal > stack.background list.view row:hover, +box.horizontal > stack.background list.frame row:hover, hdyleaflet stack.background scrolledwindow > viewport list row:hover, +hdyleaflet overlay scrolledwindow > viewport list row:hover, +leaflet stack.background scrolledwindow > viewport list row:hover, +leaflet overlay scrolledwindow > viewport list row:hover, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:hover, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:hover, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:hover, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:hover, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:hover, list.tweak-group list > row:hover, list.content:not(.conversation-listbox) > row:hover { + background-color: alpha(@color0, 0.12); + box-shadow: none; +} + +window.background.csd stack stack stack frame > list row:active, window.background.csd > stack > list row:active, preferencesgroup list row:active, +.geary-accounts-editor-pane list row:active, window.background.csd.unified > deck > deck > deck list row:active, hdyleaflet list.view row:active, +hdyleaflet list.frame row:active, +leaflet list.view row:active, +leaflet list.frame row:active, +box.horizontal > stack.background list.view row:active, +box.horizontal > stack.background list.frame row:active, hdyleaflet stack.background scrolledwindow > viewport list row:active, +hdyleaflet overlay scrolledwindow > viewport list row:active, +leaflet stack.background scrolledwindow > viewport list row:active, +leaflet overlay scrolledwindow > viewport list row:active, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:active, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:active, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:active, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:active, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:active, list.tweak-group list > row:active, list.content:not(.conversation-listbox) > row:active { + background-color: alpha(currentColor, 0.12); + box-shadow: none; +} + +window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, +.geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, +hdyleaflet list.frame row:focus, +leaflet list.view row:focus, +leaflet list.frame row:focus, +box.horizontal > stack.background list.view row:focus, +box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, +hdyleaflet overlay scrolledwindow > viewport list row:focus, +leaflet stack.background scrolledwindow > viewport list row:focus, +leaflet overlay scrolledwindow > viewport list row:focus, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list > row:focus, list.content:not(.conversation-listbox) > row:focus { + box-shadow: none; +} + +list { + border-color: alpha(@color7, 0.12); + background-color: alpha(@color0, 0.04); +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 12px; +} + +paned scrolledwindow > viewport.frame > list { + background-color: transparent; +} + +row:selected { + color: inherit; + background-color: alpha(currentColor, 0.06); + color: @color7; +} + +row:selected button { + color: inherit; +} + +row:selected:disabled { + color: alpha(@color7, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(.suggested-action):not(.destructive-action):not( +:disabled +) { + color: @color13; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: alpha(@color7, 0.7); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander title > arrow:checked { + -gtk-icon-transform: unset; +} + +expander title > arrow:hover, expander title > arrow:active { + color: @color7; +} + +expander title > arrow:disabled { + color: alpha(@color7, 0.32); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid alpha(@color7, 0.12); + color: @color7; +} + +calendar:disabled { + color: alpha(@color7, 0.5); +} + +calendar:selected { + border-radius: 13px; +} + +calendar.header { + border-style: none none solid; + border-color: alpha(@color7, 0.12); + border-radius: 0; +} + +calendar.highlight { + color: alpha(@color7, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: alpha(@color7, 0.32); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: @color0; +} + +messagedialog.background .titlebar { + min-height: 12px; + background-color: @color0; + border: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop { + background-color: @color0; +} + +messagedialog.background.csd { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +messagedialog .titlebar, messagedialog.background.csd .titlebar { + border: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, +messagedialog .dialog-action-box .linked:not(.vertical) > button, +messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, +messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 12px; +} + +messagedialog .dialog-action-box button:not(:last-child), +messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: @color13; + background-color: alpha(@color13, 0.15); +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: @color10; +} + +.csd filechooser { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +filechooser .dialog-action-box { + border-top: 1px solid alpha(@color16, 0.2); +} + +filechooser treeview.view header > button { + background-color: @color0; +} + +filechooser #pathbarbox { + background-color: @color0; + border-radius: 12px 12px 0 0; + margin: 0 4px; +} + +filechooser stack.view { + background-color: @color0; + padding: 0 4px; +} + +filechooser stack.view scrolledwindow { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +filechooser stack.view > placesview { + background-color: transparent; + padding: 4px; +} + +filechooser stack.view frame > border { + border: none; +} + +.csd filechooser placessidebar { + background: none; + border-bottom-left-radius: 12px; +} + +filechooser paned > separator { + background: none; +} + +filechooser paned box.vertical { + background-color: @color0; + border-radius: 12px; + margin: 0 6px 0 1px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: @color0; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { + border-right: 1px solid alpha(@color16, 0.2); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid alpha(@color16, 0.2); + border-right-style: none; +} + +.sidebar list, +.sidebar notebook { + 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.sidebar list { + padding: 6px; + background-color: @color0; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 6px; + margin: 0; + border-radius: 6px; + color: @color7; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(@color13, 0.2); + color: @color0; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, +stacksidebar.sidebar row:selected image { + color: @color7; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +stacksidebar.sidebar row:hover { + background-color: alpha(@color13, 0.1); +} + +/**************** + * File chooser * + ****************/ +placessidebar.sidebar { + margin: 0 0 0 4px; + padding: 0; +} + +placessidebar.sidebar > viewport.frame { + border-style: none; +} + +placessidebar.sidebar list { + background-color: transparent; + color: @color7; +} + +placessidebar.sidebar row { + min-height: 32px; + margin: 0; + padding: 0; + color: @color7; + border-radius: 6px; +} + +placessidebar.sidebar row:hover, placessidebar.sidebar row:active { + background-color: alpha(@color13, 0.08); + color: @color13; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: alpha(@color13, 0.08); + color: @color13; + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: alpha(@color7, 0.3); +} + +placessidebar.sidebar row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + +placessidebar.sidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar.sidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: @color13; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: @color13; +} + +placessidebar.sidebar row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-color: alpha(@color13, 0.15) +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: @color0; + background-image: image(alpha(@color7, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: @color0; + background-image: image(alpha(@color7, 0.12)), image(alpha(@color7, 0.12)); + 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; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: @color0; +} + +infobar.info > revealer > box, +infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, +infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, +infobar.info:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +) { + color: @color13; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: @color13; +} + +infobar.action > revealer > box, +infobar.action > revealer > box link:link, +infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, +infobar.action:backdrop > revealer > box link:link, +infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, +infobar.question > revealer > box link:link, +infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, +infobar.question:backdrop > revealer > box link:link, +infobar.question:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: alpha(@color13, 0.8); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: @color3; + color: @color8; +} + +infobar.warning > revealer > box, +infobar.warning > revealer > box link:link, +infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, +infobar.warning:backdrop > revealer > box link:link, +infobar.warning:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.warning:hover > revealer > box { + background-color: @color3; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: @color10; + color: @color11; +} + +infobar.error > revealer > box, +infobar.error > revealer > box link:link, +infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, +infobar.error:backdrop > revealer > box link:link, +infobar.error:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.error:hover > revealer > box { + background-color: alpha(@color10, 0.9); +} + +/************ + * Tooltips * + ************/ +tooltip { + box-shadow: none; +} + +tooltip.background { + background-color: alpha(@color0, 0.95); + color: @color13; + border-radius: 12px; +} + +tooltip.background.csd { + border-radius: 12px; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: @color7; +} + +colorswatch.light { + color: @color7; +} + +colorswatch overlay { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px @color13; +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: alpha(@color13, 0.08); +} + +colorswatch#add-color-button overlay:hover { + background-color: alpha(@color13, 0.15); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: alpha(@color13, 0.25); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px alpha(@color7, 0.3), 0 1px 2px -1px alpha(@color7, 0.24), 0 1px 2px -1px alpha(@color7, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); + background-color: @color0; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px alpha(@color7, 0.2), 0 2px 2px -1px alpha(@color7, 0.24), 0 1px 3px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: @color0; +} + +.scale-popup.background { + padding: 3px 0; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + border-radius: 12px; + box-shadow: none; + margin: 10px; +} + +decoration:backdrop { + transition: none; + box-shadow: none; +} + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} + +.popup decoration { + box-shadow: none; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: none; +} + +.ssd decoration:backdrop { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: none; +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: none; + border: none; +} + +messagedialog.background.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: @color0; + border: 1px solid @color16; +} + +.solid-csd decoration:backdrop { + background-color: @color0; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(@color0, 0.1); + min-height: 22px; + min-width: 22px; + padding: 0; + margin: 0 0px; + border-radius: 9999px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(currentColor, 0.1); +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: @color7; + background-color: alpha(currentColor, 0.15); + box-shadow: 0 1px 3px alpha(@color7, 0.1), inset 0 1px alpha(@color7, 0.1); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: @color7; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: @color13; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-transform: unset; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; + -gtk-icon-transform: rotate(45deg); +} + +.context-menu { + font: initial; +} + +.keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px alpha(@color7, 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px alpha(@color7, 0.12); + background-color: @color0; + color: @color7; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: @color13; +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 15px; + background-color: alpha(@color0, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0; + background-color: transparent; + border-radius: 9999px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: @color7; + color: rgba(26, 27, 38, 0.87); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + box-shadow: none; + background-color: @color7; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid alpha(@color7, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: @color13; +} + +button.emoji-section:not(:last-child) { + margin-right: 0; +} + +popover.emoji-picker .emoji { + min-width: 3em; + min-height: 3em; + padding: 0 8px; +} + +popover.emoji-picker .emoji widget { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; +} + +popover.emoji-picker .emoji widget:hover { + background-color: alpha(currentColor, 0.08); +} + +popover.emoji-completion { + padding: 8px 0; +} + +popover.emoji-completion arrow { + border: none; + background: none; +} + +popover.emoji-completion .emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +popover.emoji-completion .emoji:hover { + background-color: alpha(currentColor, 0.08); +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +.nautilus-window.background.csd:backdrop { + background-color: @color0; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, +.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator { + margin-left: 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > separator { + background: none; +} + +.nautilus-window.background.csd.unified notebook { + border-radius: 0; +} + +.nautilus-window.background.csd:not(.unified) .nautilus-list-view { + background-color: transparent; + border-bottom-right-radius: 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook > stack { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook scrolledwindow +> .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) paned > separator.wide { + min-width: 12px; + box-shadow: 12px 0 @color0; + background-color: @color0; + background-image: image(@color0); +} + +.nautilus-window.maximized, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border: none; + border-radius: 12px; + background-color: @color13; + color: @color7; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: @color7; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: alpha(@color7, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: @color7; +} + +@keyframes nautilus-operations-button-needs-attention { + to { + background-color: alpha(currentColor, 0.08); + } +} + +.nautilus-operations-button-needs-attention { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; +} + +.path-bar-box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 12px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: alpha(@color0, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: alpha(@color0, 0.04); +} + +.path-bar-box .path-bar button label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .path-bar button label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) { + padding-left: 11px; + padding-right: 11px; + margin-left: 1px; + margin-right: 1px; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { + margin: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) { + background-color: alpha(@color0, 0.08); +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled { + background-color: transparent; + color: alpha(@color7, 0.5); +} + +.windowhandle .linked.nautilus-path-bar { + background-color: alpha(@color0, 0.04); + border-radius: 12px; + margin: 6px 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { + color: @color7; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.disk-space-display.unknown { + background-color: alpha(@color0, 0.3); + color: alpha(@color7, 0.3); +} + +.disk-space-display.used { + background-color: @color13; + color: @color0; +} + +.disk-space-display.free { + background-color: alpha(@color0, 0.12); + color: alpha(@color7, 0.12); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; + color: @color7; +} + +.conflict-row:not(:selected) { + background-color: alpha(@color10, 0.15); +} + +.nautilus-window flowboxchild .icon-item-background { + padding: 4px; + border-radius: 6px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window notebook :not(treeview).view { + border-radius: 6px; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { + border-style: none; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { + margin: -6px 0 0 -6px; + border-top: 1px solid alpha(@color7, 0.12); +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { + margin: 0 8px; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { + border-radius: 0; +} + +.nautilus-window > popover.menu:not(:last-child) { + padding: 3px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { + margin-top: -6px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { + margin-bottom: -6px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { + margin-top: 1px; +} + +.nautilus-window > popover.menu:not(:last-child) separator { + margin-bottom: -2px; +} + +.nautilus-menu-sort-heading { + margin: 1px 3px; + font-weight: 500; +} + +.nautilus-menu-sort-heading:disabled { + color: alpha(@color7, 0.7); +} + +.nautilus-window paned > separator { + background-color: @color0; +} + +/********* + * gedit * + *********/ +window.org-gnome-gedit > paned.titlebar > separator { + background-color: transparent; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-path-label { + color: alpha(@color7, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: @color8; + color: @color7; +} + +.gedit-document-panel { + background-color: @color0; +} + +.gedit-document-panel row button.flat { + margin-top: 8px; + margin-bottom: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid alpha(@color7, 0.12); + border-radius: 0 0 12px 12px; +} + +.gedit-search-slider { + margin: 0 6px 10px; + padding: 6px; + background-color: @color0; + border-radius: 0 0 12px 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.05), 0 4px 6px 0 alpha(@color7, 0.06), 0 1px 10px 0 alpha(@color7, 0.05); +} + +.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { + all: unset; + color: alpha(@color7, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { + margin-left: 6px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { + margin-right: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { + margin-right: 6px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { + margin-left: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:not(.error) { + background-color: @color0; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: alpha(@color7, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: @color7; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: alpha(@color7, 0.32); +} + +frame.gedit-map-frame > border:dir(ltr) { + border-style: none none none solid; +} + +frame.gedit-map-frame > border:dir(rtl) { + border-style: none solid none none; +} + +/********** + * Tweaks * + **********/ +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame { + background-color: @color0; + color: @color7; + border-radius: 12px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { + background-color: rgba(26, 27, 38, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:hover { + background-color: rgba(26, 27, 38, 0.6); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:active, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:active, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:active { + background-color: rgba(26, 27, 38, 0.87); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:disabled { + background-color: rgba(26, 27, 38, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(26, 27, 38, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(26, 27, 38, 0.3); +} + +leaflet.unfolded > box.vertical:last-child > scrolledwindow > viewport.frame, +leaflet.unfolded > box.vertical:last-child > stack > scrolledwindow > viewport.frame { + background-color: alpha(@color0, 0.04); + border-radius: 12px; + margin: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { + padding: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > separator { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row { + padding: 0; + margin: -1px; + color: @color7; + border-radius: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:active, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:focus { + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected { + font-weight: 500; + background-color: alpha(@color0, 0.04); + border-radius: 9px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected label, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected image { + color: @color13; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:focus { + background-color: alpha(@color0, 0.04); + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row + row { + margin-top: 3px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { + border: none; + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar trough, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar trough, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar trough { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { + border: 4px solid transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + border: none; + margin: 1px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-startup { + border: 1px solid alpha(@color7, 0.12); +} + +.tweak-group-startup > row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +row#Focus, +row#ClickMethod, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + margin-top: 4px; +} + +leaflet.titlebar > .titlebar.tweak-titlebar-left, +leaflet.titlebar > .titlebar.tweak-titlebar-right, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { + background-color: inherit; + box-shadow: inherit; + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { + background-color: transparent; + margin: 0; +} + +/************************ + * Gnome Control Center * + ************************/ +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) { + border-top-left-radius: 12px; +} + +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) { + border-top-right-radius: 12px; +} + +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child { + border-top-right-radius: 12px; + border-top-left-radius: 12px; +} + +window.background.csd > stack:not(.titlebar) > stack.background { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background: none; +} + +window.background.csd > leaflet > stack.background frame > border, +window.background.csd > hdyleaflet > stack.background frame > border, +window.background.csd > box.horizontal > stack.background frame > border { + border: none; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: @color0; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { + background: none; +} + +window.background.csd > leaflet frame.view, +window.background.csd > hdyleaflet frame.view, +window.background.csd > box.horizontal frame.view { + border-radius: 12px; + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { + margin: 6px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list { + border-top-width: 0; + border-bottom-width: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row { + border-radius: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list { + border-top-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row { + border-radius: 12px 12px 0 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list { + border-bottom-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row { + border-radius: 0 0 12px 12px; +} + +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: alpha(@color0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list { + background: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box { + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar { + box-shadow: none; +} + +/************************ + * Gnome Sound Recorder * + ************************/ +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 12px; +} + +/************************ + * Epiphany (Gnome Web) * + ************************/ +tabbox { + border: none; + background-color: alpha(@color0, 0.04); + padding: 3px; + margin: 3px; + border-radius: 12px; +} + +tabbox > tab button { + min-height: 24px; + min-width: 24px; + border-radius: 9999px; + border: none; + padding: 0; + margin-right: -6px; +} + +/***************** + * Gnome Weather * + *****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +/*************** + * Gnome Music * + ***************/ +window.background.csd box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +/**************** + * Gnome Clocks * + ****************/ +/************* + * Rhythmbox * + *************/ +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 24px; + min-width: 24px; + padding: 5px; + margin: 0; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px alpha(@color7, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + padding: 6px; + margin: -1px 0; + border-bottom: none; + border-top: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + margin: 6px 0; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar { + padding: 0 12px 0 6px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: alpha(@color0, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: @color7; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { + box-shadow: none; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-color: @color13; + color: @color0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0 3px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 6px; + margin: -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 0 6px 6px; + margin: 0 -6px -6px 0; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid alpha(@color7, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 3px; + margin: -1px -6px -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid alpha(@color7, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { + padding: 0 6px 6px; + border-bottom: 1px solid alpha(@color7, 0.12); +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: @color13; + color: @color0; +} + +stack.view.polari-entry-area { + background-color: @color0; + border-top: 1px solid alpha(@color7, 0.12); + border-bottom-right-radius: 12px; +} + +stack:disabled.view.polari-entry-area { + background-image: image(@color0); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +layouttabbar > box > button { + margin: 3px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(26, 27, 38, 0.2); + box-shadow: inset 0 -2px @color13; + background-color: @color0; +} + +layouttab separator.vertical { + margin: 8px 4px; +} + +layouttab button.text-button, layouttab button.image-button, layouttab button { + margin-top: 8px; + margin-bottom: 8px; + padding: 0 4px; +} + +layout { + border: 1px solid rgba(26, 27, 38, 0.2); + -pnldockbin-handle-size: 1; +} + +entry.search-missing { + background-color: @color10; + color: @color7; +} + +window.workbench treeview.image { + color: alpha(@color7, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 12px; +} + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; +} + +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(ltr) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(rtl) { + margin-right: 6px; +} + +omnibar.linked:not(.vertical) entry { + border-radius: 12px; +} + +omnibar:not(:hover):not(:active) entry { + color: alpha(@color7, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: @color0; +} + +preferences stacksidebar.sidebar list { + background-color: @color0; +} + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid alpha(@color7, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid alpha(@color7, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid alpha(@color7, 0.12); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 12px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 12px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(26, 27, 38, 0.2); + -pnldockbin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(26, 27, 38, 0.2); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +docktab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + margin-bottom: -1px; + padding: 6px 6px; + border-width: 1px; + border-color: transparent; + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, @color13 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: alpha(@color7, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: @color7; +} + +docktab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px @color13; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: @color7; +} + +dockoverlayedge { + background-color: @color0; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 @color13; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 @color13; +} + +pillbox { + background-color: @color0; + border-radius: 12px; +} + +layoutpane entry.search { + border-bottom: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: @color0; +} + +editortweak entry.search { + margin-bottom: -1px; + box-shadow: none; + background-color: transparent; +} + +.gb-search-entry-occurrences-tag { + box-shadow: none; + background-color: transparent; +} + +docktabstrip { + min-height: 39px; +} + +window.workbench preferences preferencesgroup list entry { + padding-top: 8px; + padding-bottom: 8px; +} + +button.run-arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.dzlmenubutton image { + min-width: 28px; +} + +button.dzlmenubutton image.arrow { + min-width: 25px; +} + +button.dzlmenubuttonitem { + color: @color7; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: alpha(@color7, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +idelayoutstackheader button:checked { + color: @color7; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: @color0; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid alpha(@color7, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid alpha(@color7, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button { + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:active { + background-image: radial-gradient(circle, alpha(@color13, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: @color7; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 @color13; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 @color13; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid alpha(@color7, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -gdmainiconview-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); + background-color: @color13; + color: @color0; + font-weight: bold; +} + +.documents-scrolledwin.frame { + border-style: none; +} + +.documents-scrolledwin.frame frame.content-view > border { + border-style: none; +} + +.photos-fade-in { + opacity: 1; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.photos-fade-out { + opacity: 0; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +button.photos-filter-preview { + color: @color7; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: @color7; +} + +button.photos-filter-preview:checked image { + color: @color7; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { + border-style: none none none solid; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { + border-style: none solid none none; +} + +/********* + * Music * + *********/ +.side-panel:dir(ltr) { + border-style: solid; + border-color: alpha(@color7, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: alpha(@color7, 0.12); +} + +.side-panel .view { + background-image: image(@color0); +} + +.side-panel .view:hover { + background-image: image(alpha(@color13, 0.1)); +} + +.side-panel .view:selected { + background-image: image(@color13); +} + +.side-panel .view:selected:hover { + background-image: image(@color13); + transition: background-color 100ms ease-out; +} + +.songs-list:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +frame.documents-dropdown { + margin: 8px; +} + +frame.documents-dropdown > border { + border: none; +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid alpha(@color7, 0.12); + background-clip: border-box; +} + +box.vertical > revealer > toolbar.search-bar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/************* + * Documents * + *************/ +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > stack > box > revealer > actionbar > revealer > box { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not( +:hover +):not(.progressbar):not(.expander):not(.trough):not( +.separator +) { + background-color: @color0; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: @color0; +} + +/************ + * Terminal * + ************/ +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window.background.csd, terminal-window.background.csd.maximized { + border-radius: 0; +} + +terminal-window notebook > header > box { + margin: -2px -2px -2px 1px; +} + +terminal-window notebook > header > box button.flat { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; +} + +window.background > box.vertical > box.horizontal > frame > border { + border: none; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + /* border-radius: $corner-radius; */ + margin: 0 6px 6px; + background-color: @color0; + color: @color7; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row { + padding: 0 2px; + margin: 2px 0; + border-radius: 12px; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover { + color: @color13; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active { + color: @color7; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { + margin: 0 6px 6px 0; +} + +.terminal-window { + background-color: @color0; +} + +.terminal-window tabbar tabbox { + background-color: @color0; + margin: 0; + border-radius: 0; + border-bottom: 1px solid alpha(@color7, 0.12); + background-clip: border-box; +} + +/********* + * To Do * + *********/ +task-list-view taskrow { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 0 -8px; +} + +task-list-view taskrow:hover { + transition: none; +} + +task-list-view taskrow label { + margin: 0 8px; +} + +task-list-view taskrow image.dim-label { + min-width: 16px; +} + +task-list-view > box > revealer > box > button { + margin: -5px; +} + +task-list-view > box > revealer > box > button .dim-label { + color: inherit; +} + +tasklistview taskrow { + outline: none; +} + +tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { + box-shadow: none; +} + +tasklistview taskrow image.dim-label { + min-width: 16px; +} + +tasklistview > box > revealer > box > button { + margin: -5px; +} + +tasklistview > box > revealer > box > button .dim-label { + color: inherit; +} + +/******* + * Eog * + *******/ +#eog-thumb-nav scrolledwindow { + border-top: none; +} + +/************* + * Evolution * + *************/ +frame.taskbar > border { + border-style: solid none none; +} + +box.vertical > paned.horizontal notebook widget .frame { + border-style: none; +} + +/*********** + * Fractal * + ***********/ +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +/******** + * Gitg * + ********/ +frame.commit-frame > border { + border-style: solid none none; +} + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { + border: 1px solid rgba(26, 27, 38, 0.2); +} + +list.categories { + background-image: image(@color0); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 12px; + background-color: @color0; + color: @color7; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 34px; +} + +/********* + * Geary * + *********/ +window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical, +window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: 12px; +} + +window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar, +window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar { + border-bottom-left-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background: none; + border-bottom-right-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded { + animation: none; + background-image: none; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box { + border-radius: 0; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar { + color: @color7; + background-color: @color0; + box-shadow: none; + border-bottom: 1px solid rgba(26, 27, 38, 0.2); +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box { + border-bottom-left-radius: 0; +} + +.geary-accounts-editor-pane frame:not(.geary-signature) > border, +.geary-accounts-editor-pane scrolledwindow.frame { + border: none; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout { + background-color: @color0; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { + background-color: @color0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { + background-color: @color0; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { + min-width: 1px; + background-color: alpha(@color0, 0.12); +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow { + padding: 3px; +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view { + border: 1px solid transparent; + border-radius: 12px; + padding: 6px; +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active { + border-radius: 12px; + background-color: @color13; + color: @color0; +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: alpha(@color0, 0.12); +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid alpha(@color7, 0.12); + border-bottom-width: 0; + background-color: @color0; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { + border-radius: 0 0 8px 8px; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { + background-color: transparent; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { + border-radius: 0 0 6px 6px; +} + +/************** + * Extensions * + **************/ +window.background.csd stack stack stack frame > border, +window.background.csd > stack > stack > box > frame > border, +window.background.csd > stack > stack > box > box > frame > border, +window.background.csd > stack > box > stack > box > frame > border, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { + border: none; +} + +window.background.csd > stack > box > box > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport > list { + border-bottom-left-radius: 12px; +} + +window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { + padding: 0 0; +} + +/*********** + * Dialogs * + ***********/ +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +window.background.csd.unified { + background-color: @color0; +} + +window.background.csd.unified headerbar { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 12px; +} + +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay { + box-shadow: none; +} + +window.background.csd.unified.tiled, +window.background.csd.unified.tiled > decoration, +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top, +window.background.csd.unified.tiled-top > decoration, +window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right, +window.background.csd.unified.tiled-right > decoration, +window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom, +window.background.csd.unified.tiled-bottom > decoration, +window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left, +window.background.csd.unified.tiled-left > decoration, +window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized, +window.background.csd.unified.maximized > decoration, +window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen, +window.background.csd.unified.fullscreen > decoration, +window.background.csd.unified.fullscreen > decoration-overlay { + border-radius: 0; +} + + + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: @color0; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(233, 233, 237, 0.12); +} + +/********* + * Meld * + ********/ +.meld-notebook, +.meld-notebook > stack { + background: none; + border-radius: 0 0 12px 12px; +} + +.meld-notebook-child { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +statusbar.meld-status-bar { + background: none; +} + +/*********** + * Eclipse * + ***********/ +window.background > box.vertical > scrolledwindow > widget toolbar { + padding: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar separator, +window.background > box.vertical > scrolledwindow > widget toolbar button { + margin: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar button { + border-radius: 12px; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: @color0; +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid alpha(@color16, 0.8); +} + +window.background.chromium > button { + color: @color13; +} + +window.background.chromium > button:disabled { + color: alpha(@color7, 0.32); +} + +window.background.chromium menubar, +window.background.chromium headerbar { + color: alpha(@color7, 0.7); +} + +window.background.chromium headerbar.titlebar { + padding: 0 12px; +} + +window.background.chromium headerbar.titlebar button:active { + background-color: alpha(currentColor, 0.12); +} + +window.background.chromium spinner { + color: @color13; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: @color13; + color: @color0; +} + +window.background.chromium treeview.view button { + border: 1px solid alpha(@color7, 0.3); + background-color: @color0; +} + +window.background.chromium menu { + background-color: @color13; + border-color: @color16; +} + +window.background.chromium menu menuitem { + border-radius: 0; + background-color: alpha(@color0, 0.04); +} + +tooltip.background.chromium { + background-color: @color0; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget decoration { + border: none; +} + +#MozillaGtkWidget > widget text { + background-color: @color0; +} + +#MozillaGtkWidget > widget text:selected { + background-color: @color13; + color: @color0; +} + +#MozillaGtkWidget > widget > separator { + color: @color16; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: alpha(@color16, 0.8); +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid alpha(@color16, 0.8); + border-radius: 12px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: alpha(@color7, 0.12); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: @color0; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: @color13; + box-shadow: inset 0 0 0 1px @color13; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: @color0; +} + +#MozillaGtkWidget > widget > button > button { + padding: 4px 8px; + background-size: auto; +} + +#MozillaGtkWidget > widget > button > button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +#MozillaGtkWidget > widget > button > button:active { + background-image: image(alpha(currentColor, 0.12)); +} + +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { + color: alpha(@color16, 0.7); +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { + color: @color13; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(65, 72, 104, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: alpha(@color7, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: @color7; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: alpha(@color7, 0.32); +} + +#MozillaGtkWidget > widget > frame { + color: alpha(@color16, 0.8); +} + +#MozillaGtkWidget menu > separator { + color: alpha(@color16, 0.8); +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +/************ + * Inkscape * + ************/ +#ToolboxCommon > #AuxToolbox #StyleSwatch { + font-size: smaller; +} + +#ToolboxCommon > #AuxToolbox #Kludge { + padding: 0; +} + +#ToolboxCommon > #AuxToolbox spinbutton, +#ToolboxCommon > #AuxToolbox entry { + min-height: 32px; +} + +#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; +} + +#ToolboxCommon > #AuxToolbox spinbutton button { + border-width: 4px; +} + +#ToolboxCommon > toolbar.vertical { + margin-top: -4px; +} + +#ToolboxCommon > toolbar.vertical button { + min-height: 24px; + min-width: 24px; + padding: 4px; +} + +#CanvasTable button { + min-height: 16px; + min-width: 16px; + padding: 0; +} + +#CanvasTable #HorizontalScrollbar { + border-top: 1px solid rgba(233, 233, 237, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(233, 233, 237, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(233, 233, 237, 0.12); +} + +#Canvas_and_Dock frame > border { + border: none; +} + +#Canvas_and_Dock widget > widget > button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; +} + +#Canvas_and_Dock widget > widget > box.horizontal image { + padding: 4px; +} + +#Canvas_and_Dock box.horizontal > box.vertical > button.flat { + min-height: 16px; + min-width: 24px; + padding: 8px 4px; +} + +scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image { + padding: 4px; +} + +#InKscapeCanvas { + background-color: @color0; + border-radius: 12px; +} + +/*********** + * Synapse * + ***********/ +/*************** + * Libreoffice * + ***************/ +window.background > grid +> widget +> widget +> scrolledwindow +> viewport +> grid +> box +> box +> frame +> box { + background-color: @color0; +} + +/********* + * Pamac * + *********/ +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list { + border: none; + border-radius: 0; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable { + border-radius: 12px; +} + +dialog-host > floating-sheet > sheet > widget.response-area { + padding: 6px; +} + +window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) { + /* background-color: if($variant == 'light', $grey-100, $grey-900); */ + background-color: @color0; +} + +window.background:not(.csd) > box +> widget +> widget +> widget +> widget +> widget +> widget +> widget +> scrolledwindow entry:focus { + background-color: @color0; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: @color0; + border-bottom: 1px solid rgba(233, 233, 237, 0.12); +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar > toolitem > .linked > button.image-button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(233, 233, 237, 0.7); +} + +.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked { + color: @color7; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(233, 233, 237, 0.32); +} + +.nemo-window .primary-toolbar button.text-button:backdrop { + color: rgba(233, 233, 237, 0.5); +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button:checked { + box-shadow: none; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { + padding-left: 4px; + padding-right: 4px; +} + +.nemo-window scrolledwindow.frame { + border-style: none; +} + +.nemo-window scrolledwindow.frame .view:not(:selected) { + background-color: transparent; +} + +.nemo-window .nemo-inactive-pane .view:not(:selected) { + background-color: @color0; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(233, 233, 237, 0.04); +} + +.nemo-window .nemo-window-pane > notebook { + border-radius: 0; +} + +.places-treeview { + -nemoplacestreeview-disk-full-bg-color: @color0; + -nemoplacestreeview-disk-full-fg-color: @color13; + -nemoplacestreeview-disk-full-bar-width: 2px; + -nemoplacestreeview-disk-full-bar-radius: 0; + -nemoplacestreeview-disk-full-bottom-padding: 1px; + -nemoplacestreeview-disk-full-max-length: 80px; + padding-top: 3px; + padding-bottom: 3px; +} + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk.css b/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk.css new file mode 100644 index 000000000..a8880a0c8 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk.css @@ -0,0 +1,6674 @@ +@import url("colors.css"); + +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-color: @color13; + opacity: 0.1; + } + to { + background-color: transparent; + opacity: 0; + } +} + +* { + background-clip: padding-box; + -gtktoolbutton-icon-spacing: 0; + -gtktextview-error-underline-color: @color10; + -gtkscrolledwindow-scrollbar-spacing: 0; + -gtktoolitemgroup-expander-size: 11; + -gtkwidget-text-handle-width: 24; + -gtkwidget-text-handle-height: 24; + -gtkdialog-button-spacing: 6; + -gtkdialog-action-area-border: 6; + outline-style: solid; + outline-width: 2px; + outline-color: transparent; + outline-offset: -4px; + -gtk-outline-radius: 12px; + -gtk-secondary-caret-color: @color13; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected { + color: @color7; + background-color: alpha(@color0, 0.1); +} + +.nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected { + color: @color13; + background-color: alpha(@color13, 0.2); +} + +.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected { + color: @color0; + background-color: @color13; +} + +treeview.view:selected, .view:selected { + color: rgba(26, 27, 38, 0.87); + background-color: @color13; +} + +.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { + border-radius: 0; +} + +.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { + border-radius: 12px; +} + +.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry { + border-radius: 0; +} + +.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { + border-radius: 12px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: @color0; + color: @color7; +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: @color0; + color: @color7; +} + +.gtkstyle-fallback:hover { + background-color: alpha(@color13, 0.15); + color: @color13; +} + +.gtkstyle-fallback:active { + background-color: alpha(@color13, 0.25); + color: @color13; +} + +.gtkstyle-fallback:disabled { + background-color: @color0; + color: alpha(@color7, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: @color13; + color: @color0; +} + +.view { + background-color: @color0; + color: @color13; +} + +.view:hover { + color: @color13; + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.12); +} + +.view:disabled { + color: alpha(@color7, 0.4); + background-color: @color0; +} + +.view:selected { + background-color: alpha(@color13, 0.2); + color: @color13; +} + +.view:selected:hover { + box-shadow: none; + background-color: alpha(@color13, 0.25); +} + +window.background.csd > stack.view { + border-radius: 0 0 12px 12px; +} + +textview text { + background-color: alpha(@color0, 0.05); + color: @color7; + caret-color: @color13; +} + +textview border { + background-color: @color0; + border-color: alpha(@color16, 0.6); +} + +iconview:hover, iconview:selected { + border-radius: 12px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { + border: 1px solid @color13; + background-color: alpha(@color13, 0.15); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 12px; + color: @color7; +} + +flowbox flowboxchild button.osd.remove-button { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: alpha(@color7, 0.7); +} + +label:disabled { + color: alpha(@color7, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 12px; + background-color: alpha(@scolor0, 0.9); + color: @color7; +} + +.dim-label { + color: alpha(@color7, 0.5); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: alpha(@color7, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: @color13; + background-color: alpha(@color13, 0.1) +} + +.osd .scale-popup.background, .app-notification, +.osd { + opacity: 0.9; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-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; +} + +/**************** + * Text Entries * + ****************/ +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry { + background-color: alpha(@color0, 0.05); + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus { + color: rgba(26, 27, 38, 0.87); + box-shadow: inset 0 0 0 1px alpha(@color13, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active) { + color: rgba(26, 27, 38, 0.87); + background-color: alpha(@color13, 0.15); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled { + background-color: transparent; + color: alpha(@color7, 0.4); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image { + color: alpha(@color7, 0.6); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled { + color: alpha(@color7, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image { + color: @color13; +} + +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 34px; + padding: 0 8px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: alpha(@color0, 0.12); + box-shadow: inset 0 0 0 2px @color13; +} + +spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), +entry:drop(active) { + background-color: alpha(@color13, 0.15); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical), +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.04); +} + +spinbutton.flat.vertical, spinbutton.flat:not(.vertical), +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +spinbutton.vertical image, spinbutton:not(.vertical) image, +entry image { + color: alpha(@color7, 0.7); +} + +spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active, +entry image:hover, +entry image:active { + color: @color13; +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: alpha(@color7, 0.4); +} + +spinbutton.vertical image.left, spinbutton:not(.vertical) image.left, +entry image.left { + margin-left: 1px; + margin-right: 6px; +} + +spinbutton.vertical image.right, spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; + margin-right: 1px; +} + +spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left, +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, alpha(@color7, 0.3) 50%); + padding-left: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left top; + margin: 0 4px; + margin: 4px 0; +} + +spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right, +entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, alpha(@color7, 0.3) 50%); + padding-right: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right top; + margin: 0 4px; + margin: 4px 0; +} + +spinbutton.error.vertical, spinbutton.error:not(.vertical), +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px @color10; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color10; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px @color3; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color8; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid @color13; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: @color0; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag, .photos-entry-tag, .documents-entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: alpha(@color0, 0.12); + color: @color7; +} + +.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { + color: alpha(@color7, 0.7); +} + +.entry-tag:active, +.photos-entry-tag:active, +.documents-entry-tag:active { + background-color: alpha(@color13, 0.25); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@color13), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@color13), to(transparent)); + } +} + +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: @color0; + color: @color7; +} + +actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: alpha(@color13, 0.2); + color: @color13; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat, terminal-window notebook > header > box button.flat, notebook > header > button.flat, notebook > header tab:not(:checked) button.flat { + color: alpha(@color7, 0.6); + background-color: transparent; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:hover, terminal-window notebook > header > box button.flat:hover, notebook > header > button.flat:hover, notebook > header tab:not(:checked) button.flat:hover, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:active, terminal-window notebook > header > box button.flat:active, notebook > header > button.flat:active, notebook > header tab:not(:checked) button.flat:active, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:focus, terminal-window notebook > header > box button.flat:focus, notebook > header > button.flat:focus, notebook > header tab:not(:checked) button.flat:focus { + color: @color13; + background-color: alpha(@color13, 0.1); +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:checked, terminal-window notebook > header > box button.flat:checked, notebook > header > button.flat:checked, notebook > header tab:not(:checked) button.flat:checked { + background-color: rgba(26, 27, 38, 0.87); + color: @color7; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:disabled, terminal-window notebook > header > box button.flat:disabled, notebook > header > button.flat:disabled, notebook > header tab:not(:checked) button.flat:disabled { + color: alpha(@color7, 0.3); +} + +button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: alpha(@color0, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: @color7; +} + +button:focus { + box-shadow: 0 0 0 2px alpha(@color7, 0.35); +} + +button:hover { + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.08); +} + +button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(@color13, 0.16) 10%, transparent 0%); + background-size: 0% 0%; +} + +button:disabled { + box-shadow: none; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.4); +} + +button:checked { + background-color: @color13; + color: @color0; +} + +button:checked:hover { + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.9); +} + +button:checked:disabled { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: alpha(@color13, 0.2); + color: alpha(@color14, 0.5); +} + +.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header > button.flat, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 12px; + font-weight: 500; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, +messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, popover.background.menu button:checked, +popover.background button.model:checked, toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: @color7; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: alpha(@color7, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +button.text-button.image-button label:first-child { + margin-left: 11px; +} + +button.text-button.image-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 7px; +} + +button.text-button.image-button image:not(:only-child) { + margin: 0 4px; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + border-radius: 12px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 5px; + background-color: @color0; + color: @color7; +} + +button.osd:focus { + box-shadow: none; +} + +button.osd:hover { + background-color: @color0; + color: @color7; +} + +button.osd:active { + background-color: @color0; + color: @color7; +} + +button.osd:disabled { + opacity: 0; +} + +button.osd.image-button, button.osd.circular { + padding: 11px; +} + +button.osd.image-button > image, button.osd.circular > image { + padding: 0; +} + +button.suggested-action { + background-color: @color13; + color: @color0; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(@color13, 0.2); + color: alpha(@color14, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px alpha(@color13, 0.2), 0 4px 3px 0 alpha(@color13, 0.14), 0 1px 6px 0 alpha(@color13, 0.12); +} + +button.suggested-action:checked { + background-color: alpha(@color13, 0.85); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(46, 125, 233, 0.3), 0 2px 3px -1px rgba(46, 125, 233, 0.24), 0 2px 5px 0 rgba(46, 125, 233, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px alpha(@color13, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: @color13; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: alpha(@color13, 0.4); +} + +button.suggested-action.flat:checked { + background-color: alpha(@color13, 0.15); +} + +button.destructive-action { + background-color: @color10; + color: @color11; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(@color10, 0.2); + color: alpha(@color11, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px alpha(@color10, 0.2), 0 4px 3px 0 alpha(@color10, 0.14), 0 1px 6px 0 alpha(@color10, 0.12); +} + +button.destructive-action:checked { + background-color: alpha(@color10, 0.85); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(245, 42, 101, 0.3), 0 2px 3px -1px rgba(245, 42, 101, 0.24), 0 2px 5px 0 rgba(245, 42, 101, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px alpha(@error, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: @color10; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: alpha(@color10, 0.4); +} + +button.destructive-action.flat:checked { + background-color: alpha(@color10, 0.15); +} + +.stack-switcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +.stack-switcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +.stack-switcher > button.needs-attention:checked > label, +.stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + +button.close, button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), +.stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link { + color: @color13; +} + +*:visited { + color: alpha(@color13, 0.6); +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: @color13; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: alpha(@color13, 0.6); +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +spinbutton:not(.vertical) entry { + min-width: 30px; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 6px transparent; +} + +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: alpha(@color7, 0.7); +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical { + padding: 0; +} + +spinbutton.vertical:disabled { + color: alpha(@color7, 0.5); +} + +spinbutton.vertical entry { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical button { + padding: 0; + border: solid 6px transparent; +} + +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: alpha(@color7, 0.7); +} + +spinbutton.vertical button.up { + margin: 0 3px; +} + +spinbutton.vertical button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +combobox decoration { + transition: none; +} + +combobox button.combo cellview:dir(ltr) { + margin-left: -1px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: -1px; +} + +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -34px; + padding-right: 34px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -34px; + padding-left: 34px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 4px; + border-radius: 12px; +} + +combobox > .linked > button.combo { + padding: 5px 9px; +} + +.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.combo:only-child { + border-radius: 12px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(@color7, 0.3); +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +button.combo:only-child:checked { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color13; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -gtkwidget-window-dragging: true; + padding: 2px 3px; + background-color: @color0; +} + +toolbar .linked +> button:not(:hover):not(:active):not(:checked):not(:focus):not( +:disabled +) { + background-color: alpha(currentColor, 0.05); +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .osd .scale-popup.background, .app-notification, toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); + background-color: @color0; + color: @color7; +} + +frame.documents-dropdown:backdrop, .osd .scale-popup.background:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px alpha(@color7, 0.2), 0 2px 2px -1px alpha(@color7, 0.24), 0 1px 3px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); +} + +frame.left.documents-dropdown, .osd .left.scale-popup.background, .left.app-notification, frame.right.documents-dropdown, .osd .right.scale-popup.background, .right.app-notification, frame.top.documents-dropdown, .osd .top.scale-popup.background, .top.app-notification, frame.bottom.documents-dropdown, .osd .bottom.scale-popup.background, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, .osd .bottom.scale-popup.background, .bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, alpha(@color7, 0.1) 30%, alpha(@color7, 0.2) 50%, alpha(@color7, 0.4)); +} + +frame.documents-dropdown entry, .osd .scale-popup.background entry, .app-notification entry, +frame.documents-dropdown button, +.osd .scale-popup.background button, +.app-notification button, toolbar.osd entry, +toolbar.osd button { + border-radius: 12px; +} + +frame.documents-dropdown entry, .osd .scale-popup.background entry, .app-notification entry, toolbar.osd entry { + color: @color7; +} + +frame.documents-dropdown .linked > button:first-child, .osd .scale-popup.background .linked > button:first-child, .app-notification .linked > button:first-child, toolbar.osd .linked > button:first-child { + border-radius: 12px 0 0 12px; +} + +frame.documents-dropdown .linked > button:last-child, .osd .scale-popup.background .linked > button:last-child, .app-notification .linked > button:last-child, toolbar.osd .linked > button:last-child { + border-radius: 0 12px 12px 0; +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px 1px; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +.toolbar { + background-color: @color0; +} + +frame .toolbar { + border-top: 1px solid alpha(@color7, 0.12); +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: alpha(@color7, 0.12); + background-color: @color0; + border-radius: 0 0 9px 9px; +} + +.frame .inline-toolbar { + border-width: 1px 0 0; + background-color: transparent; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border: none; + background-color: @color0; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +.nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(@color0, 0.04); + border-radius: 12px; +} + +.nemo-window .primary-toolbar .linked > button:not(.text-button), .titlebar .linked > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +.nemo-window .primary-toolbar .linked > button:first-child:not(.text-button), .titlebar .linked > button:first-child:not(.suggested-action):not(.destructive-action) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +.nemo-window .primary-toolbar .linked > button:last-child:not(.text-button), .titlebar .linked > button:last-child:not(.suggested-action):not(.destructive-action) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.nemo-window .primary-toolbar .linked > button:only-child:not(.text-button), .titlebar .linked > button:only-child:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +.nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px alpha(@color7, 0.12); +} + +.nemo-window .primary-toolbar button:checked:not(.text-button), .titlebar button:checked:not(.suggested-action):not(.destructive-action) { + background-color: @color13; + color: rgba(26, 27, 38, 0.87); +} + +.nemo-window .primary-toolbar button:checked:hover:not(.text-button), .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px rgba(26, 27, 38, 0.04); + color: rgba(26, 27, 38, 0.87); +} + +.nemo-window .primary-toolbar button:checked:focus:not(.text-button), .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.87); + box-shadow: none; +} + +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: rgba(225, 226, 231, 0.5); + color: rgba(26, 27, 38, 0.38); +} + +.nemo-window .primary-toolbar button:focus:not(.text-button), .titlebar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), .titlebar button:active:not(.suggested-action):not(.destructive-action) { + color: @color7; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), .titlebar button:disabled:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), .titlebar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), .titlebar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), .titlebar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), .titlebar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), .titlebar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), .titlebar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.6); +} + +.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), .titlebar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.3); +} + +.nemo-window .primary-toolbar entry, .titlebar entry { + background-color: alpha(@color0, 0.04); + color: @color7; + border-radius: 9999px; +} + +.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +.nemo-window .primary-toolbar entry image, .titlebar entry image { + color: alpha(@color7, 0.7); +} + +.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active { + color: @color7; +} + +.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; + color: @color7; + border-radius: 12px 12px 0 0; + border: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar:backdrop { + color: alpha(@color7, 0.7); +} + +.titlebar:backdrop:disabled { + color: alpha(@color7, 0.32); +} + +.csd .titlebar:backdrop { + background-color: @color0; +} + +.titlebar .title { + padding: 0 12px; + font-weight: bold; +} + +.titlebar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: alpha(@color7, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: alpha(@color7, 0.5); +} + +.titlebar .titlebar, +.titlebar headerbar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, +.titlebar + separator.sidebar { + background-color: @color0; + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar + separator:backdrop, +.titlebar + separator.sidebar:backdrop { + background-color: @color0; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: @color13; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: @color13; +} + +.titlebar button.suggested-action:disabled, +.titlebar button.destructive-action:disabled { + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +.titlebar stackswitcher { + background-color: alpha(@color0, 0.04); +} + +.titlebar stackswitcher:checked { + background-color: @color7; + color: rgba(26, 27, 38, 0.87); +} + +.titlebar stackswitcher:checked:hover { + background-color: @color7; +} + +.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +.titlebar .path-bar +button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 5px; + padding-right: 5px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color13; + color: @color0; + box-shadow: inset 0 1px alpha(@color7, 0.2); +} + +.titlebar.selection-mode:backdrop { + color: alpha(@color7, 0.7); + background-color: alpha(@color13, 0.8); +} + +.titlebar.selection-mode .subtitle:link { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: alpha(@color7, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { + color: alpha(@color7, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: alpha(@color7, 0.32); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: alpha(@color7, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: alpha(@color7, 0.32); +} + +.titlebar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +.titlebar.selection-mode .selection-menu arrow { + -gtkarrow-arrow-scaling: 1; +} + +.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 12px 12px 0 0; + border: none; + background-color: @color0; + background-image: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar.default-decoration:backdrop { + background-color: @color0; +} + +.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { + box-shadow: none; + border-radius: 0; +} + +.titlebar.default-decoration button.titlebutton { + min-height: 24px; + min-width: 24px; + margin: 0; + padding: 0; +} + +.titlebar.default-decoration button.titlebutton.minimize:active, .titlebar.default-decoration button.titlebutton.maximize:active, .titlebar.default-decoration button.titlebutton.close:active { + color: rgba(26, 27, 38, 0.87); + background-image: none; + animation: none; + box-shadow: none; + background-color: @colors0; +} + +.background.csd .titlebar.default-decoration { + padding: 6px; +} + +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +headerbar { + min-height: 46px; + padding: 0 6px; +} + +box.vertical headerbar { + background-color: @color0; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 6px; +} + +headerbar separator.titlebutton, +headerbar separator.sidebar { + margin-top: 11.5px; + margin-bottom: 11.5px; + background-color: transparent; +} + +headerbar switch { + margin-top: 11px; + margin-bottom: 11px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher { + background-color: alpha(@color0, 0.04); + border-radius: 0 0 12px 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +) { + border-radius: 9px; + margin: 6px 3px; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, +headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ +.caja-pathbar button, +.path-bar.linked:not(.vertical) > button { + padding-left: 5px; + padding-right: 5px; + border-radius: 6px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + +.caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + +.caja-pathbar button:first-child, +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.caja-pathbar button:last-child, +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: @color7; +} + +.caja-pathbar button label, +.caja-pathbar button image, +.path-bar.linked:not(.vertical) > button label, +.path-bar.linked:not(.vertical) > button image { + margin-left: 3px; + margin-right: 3px; +} + +.caja-pathbar button.slider-button, +.path-bar.linked:not(.vertical) > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: alpha(@color7, 0.12); + border-top-color: alpha(@color7, 0.12); +} + +* { + -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; +} + +.csd +treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not( +.trough +):not(.separator) { + background-color: transparent; +} + +treeview.view.separator { + min-height: 6px; + color: alpha(@color7, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + color: alpha(@color7, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +treeview.view.expander:hover, treeview.view.expander:active { + color: @color7; +} + +treeview.view.expander:disabled { + color: alpha(@color7, 0.32); +} + +treeview.view.expander:selected { + color: rgba(26, 27, 38, 0.6); +} + +treeview.view.expander:selected:hover, treeview.view.expander:selected:active { + color: rgba(26, 27, 38, 0.87); +} + +treeview.view.expander:selected:disabled { + color: rgba(26, 27, 38, 0.3); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: @color13; + background-image: none; + border-radius: 9999px; + color: @color0; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: @color13; + color: @color7; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: @color7; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: alpha(@color0, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: alpha(@color0, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: alpha(@color0, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: alpha(@color0, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border: none; + border-right: 1px solid transparent; + border-color: alpha(@color7, 0.12); + border-radius: 0; + background-clip: border-box; + border-image: linear-gradient(to bottom, transparent 20%, alpha(@color7, 0.12) 20%, alpha(@color7, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: alpha(@color7, 0.7); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: @color0; +} + +treeview.view header button:last-child { + border-right: none; + border-image: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: alpha(@color7, 0.12); + border-radius: 0; + box-shadow: none; + background-color: @color0; + background-clip: border-box; + color: @color13; +} + +treeview.view acceleditor > label { + background-color: @color0; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -gtkwidget-window-dragging: true; + padding: 0; + background-color: @color0; + color: @color7; +} + +menubar:backdrop, +.menubar:backdrop { + color: alpha(@color7, 0.7); + background-color: @color0; +} + +.csd menubar, .csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 4px 8px; + color: alpha(@color7, 0.7); + border-radius: 12px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(@color13, 0.1); + color: @color7; +} + +menubar > menuitem:backdrop, +.menubar > menuitem:backdrop { + color: alpha(@color7, 0.5); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: alpha(@color7, 0.32); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +menubar > menuitem > window.popup.background > menu menuitem, +.menubar > menuitem > window.popup.background > menu menuitem { + transition: none; +} + +.background.popup { + background-color: transparent; +} + +menu { + margin: 6px; + padding: 6px; + background-color: @color0; + background-clip: border-box; + border-radius: 12px; + /* border: 1px solid $primary; */ +} + +.csd menu { + border: none; + box-shadow: inset 0 1px alpha(@color16, 0.2); +} + +menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: @color7; + font: initial; + text-shadow: none; + border-radius: 12px; +} + +menu menuitem:hover { + transition: none; + background-color: alpha(@color13, 0.15); + color: @color13; +} + +menu menuitem:hover accelerator { + color: @color13; +} + +menu menuitem:hover:disabled accelerator { + color: alpha(@color7, 0.32); +} + +menu menuitem:active { + background-color: alpha(@color13, 0.25); +} + +menu menuitem:disabled { + color: alpha(@color7, 0.4); +} + +menu menuitem accelerator { + color: alpha(@color7, 0.47); +} + +menu menuitem:disabled accelerator { + color: alpha(@color7, 0.32); +} + +menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} + +menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 8px; +} + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) { + color: inherit; +} + +menu .view:selected { + background-color: alpha(@color13, 0.2); +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: @color0; + color: alpha(@color7, 0.7); +} + +menu > arrow.top { + margin-top: 0; + border-radius: 12px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-radius: 12px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover { + background-color: @color0; + color: @color7; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: alpha(@color7, 0.3); +} + +menu separator { + margin: 3px 0; + background-color: transparent; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: @color0; + border-radius: 12px; +} + +popover.background, .csd popover.background { + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); + box-shadow: 0 8px 6px -5px alpha(@color7, 0.2), 0 16px 15px 2px alpha(@color7, 0.14), 0 6px 18px 5px alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1), 0 0 36px transparent; +} + +popover.background:backdrop, .csd popover.background:backdrop { + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); +} + +popover.background > stack { + margin: 0; +} + +popover.background > toolbar { + margin: 0; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 12px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: @color0; +} + +popover.background .view:not(:selected):hover { + background-color: alpha(@color13, 0.1); +} + +popover.background button, +popover.background entry, +popover.background combobox { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio) { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):first-child { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):last-child { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 12px; +} + +popover.background separator { + margin: 3px 0; + background-color: transparent; +} + +popover.background list separator { + margin: 0; +} + +modelbutton.flat, +.menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 12px; + color: @color7; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +/************* + * Notebooks * + *************/ +tabbox > tab, notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: @color7; + font-weight: 500; + border-radius: 9px; +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(26, 27, 38, 0.12); + color: @color13; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(26, 27, 38, 0.3); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; + color: @color13; +} + +tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { + color: alpha(@color7, 0.5); +} + +notebook > header.bottom > tabs > arrow, notebook > header.top > tabs > arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.bottom > tabs > arrow.down, notebook > header.top > tabs > arrow.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.bottom > tabs > arrow.up, notebook > header.top > tabs > arrow.up { + margin-right: 0; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.right > tabs > arrow, notebook > header.left > tabs > arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.right > tabs > arrow.down, notebook > header.left > tabs > arrow.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.right > tabs > arrow.up, notebook > header.left > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook { + background-color: alpha(@color0, 0.04); +} + +window.background > notebook { + background-color: transparent; +} + +notebook.frame { + border: none; + border-radius: 9px; +} + +notebook.frame scrolledwindow.frame { + border: none; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +notebook > header { + border: none; + background-color: alpha(@color0, 0.04); + padding: 3px; + margin: 3px; + border-radius: 12px; +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 9px; + color: rgba(26, 27, 38, 0.6); +} + +notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:active { + color: rgba(26, 27, 38, 0.87); +} + +notebook > header > tabs > arrow:disabled { + color: rgba(26, 27, 38, 0.3); +} + +notebook > header.top > tabs > arrow { + border-top-style: none; +} + +notebook > header.bottom > tabs > arrow { + border-bottom-style: none; +} + +notebook > header.left > tabs > arrow { + border-left-style: none; +} + +notebook > header.right > tabs > arrow { + border-right-style: none; +} + +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: alpha(@color0, 0.12); + color: @color7; +} + +notebook > header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook > header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top tabs tab + tab, +notebook > header.top tabs tab + arrow, notebook > header.bottom tabs tab + tab, +notebook > header.bottom tabs tab + arrow { + margin-left: 3px; +} + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left tabs tab + tab, +notebook > header.left tabs tab + arrow, notebook > header.right tabs tab + tab, +notebook > header.right tabs tab + arrow { + margin-top: 3px; +} + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > button.flat { + padding: 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; +} + +* { + -gtkscrollbar-has-backward-stepper: false; + -gtkscrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid transparent; +} + +scrollbar.bottom { + border-top: 1px solid transparent; +} + +scrollbar.left { + border-right: 1px solid transparent; +} + +scrollbar.right { + border-left: 1px solid transparent; +} + +scrollbar slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: alpha(@color0, 0.5); +} + +scrollbar slider:hover { + background-color: alpha(@color0, 0.7); +} + +scrollbar slider:active { + background-color: @color13; +} + +scrollbar slider:disabled { + background-color: alpha(@color0, 0.32); +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + margin: 2px 0; +} + +scrollbar.fine-tune.vertical slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(50, 52, 73, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(50, 52, 73, 0.3); + border-radius: 9999px; + background-color: alpha(@color0, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: alpha(@color0, 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +scrollbar.horizontal slider { + min-width: 24px; +} + +scrollbar.vertical slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: alpha(@color0, 0.32); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: @color13; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); + background-color: alpha(@color0, 0.7); + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + padding: 2px; +} + +checkbutton.text-button label:not(:only-child), +radiobutton.text-button label:not(:only-child) { + margin: 0 4px; +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate), +actionbar > revealer > box radio:not(:checked):not(:indeterminate) { + background-color: rgba(26, 27, 38, 0.12); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):hover, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):hover { + box-shadow: 0 0 0 6px rgba(26, 27, 38, 0.04); + background-color: rgba(26, 27, 38, 0.15); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):active, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):active { + box-shadow: 0 0 0 6px rgba(26, 27, 38, 0.12); + background-color: rgba(26, 27, 38, 0.2); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):disabled, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):disabled { + background-color: rgba(26, 27, 38, 0.04); +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: alpha(@color0, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px alpha(@color7, 0.04); + background-color: alpha(@color0, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.2); +} + +check:disabled, +radio:disabled { + background-color: alpha(@color0, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: alpha(@color0, 0.7); + background-color: @color13; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px alpha(@color13, 0.15); + background-color: @color13; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px alpha(@color13, 0.2); + background-color: @color13; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: alpha(@color7, 0.32); + background-color: alpha(@color13, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +treeview.view radio, +treeview.view check { + padding: 0; + margin: 0; + background-color: alpha(@color0, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view radio:selected:not(:disabled):not(:checked):not(:indeterminate), +treeview.view check:selected:not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(26, 27, 38, 0.12); +} + +treeview.view radio:checked, treeview.view radio:indeterminate, +treeview.view check:checked, +treeview.view check:indeterminate { + background-color: @color13; + color: @color0; + background-image: none; +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + border-radius: 9999px; +} + +.view.content-view.check:not(list):not(:checked), +.content-view .tile check:not(list):not(:checked) { + background-image: image(alpha(@color7, 0.25)); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):checked, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):checked { + box-shadow: 0 2px 3px -1px alpha(@color7, 0.1), 0 4px 6px 0 alpha(@color7, 0.12), 0 1px 10px 0 alpha(@color7, 0.1); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + background-color: @color13; + color: @color0; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +scale.fine-tune slider { + margin: -7px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: alpha(@color0, 0.3); +} + +scale trough:disabled { + background-color: alpha(@color0, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(@color13); +} + +scale highlight:disabled { + background-color: @color0; + background-image: image(alpha(@color7, 0.32)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(@color0, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: @color13; + background-color: @color0; + box-shadow: inset 0 0 0 2px @color13; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px @color13, 0 0 0 8px alpha(@color7, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px @color13, 0 0 0 8px alpha(@color7, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px alpha(@color7, 0.32); +} + +scale marks, +scale value { + color: alpha(@color7, 0.7); +} + +scale.marks-before:not(.marks-after) slider, scale.marks-after:not(.marks-before) slider { + min-height: 24px; + min-width: 24px; + margin: -11px; + background-color: transparent; + box-shadow: none; + color: @color13; +} + +scale.marks-before:not(.marks-after) slider:hover, scale.marks-after:not(.marks-before) slider:hover { + box-shadow: 0 0 0 4px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.12); +} + +scale.marks-before:not(.marks-after) slider:active, scale.marks-after:not(.marks-before) slider:active { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.12); +} + +scale.marks-before:not(.marks-after) slider:disabled, scale.marks-after:not(.marks-before) slider:disabled { + color: alpha(@color16, 0.6); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-horz-marks-before-slider-symbolic.svg")); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-horz-marks-after-slider-symbolic.svg")); +} + +scale.vertical.marks-before:not(.marks-after) slider { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-vert-marks-before-slider-symbolic.svg")); +} + +scale.vertical.marks-after:not(.marks-before) slider { + -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-vert-marks-after-slider-symbolic.svg")); +} + +scale indicator { + background-color: alpha(@color0, 0.3); + color: transparent; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: alpha(@color7, 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: alpha(@color0, 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: @color13; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: @color13; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: @color8; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: @color13; +} + +levelbar block.full { + background-color: alpha(@color13, 0.7); +} + +levelbar block.empty { + background-color: alpha(@color0, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid alpha(@color7, 0.12); + background-color: @color0; + color: @color7; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid alpha(@color7, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 12px; +} + +.frame.flat { + border-style: none; +} + +frame.flat > border, frame > border.flat, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + margin: 6px 0 0 0; + padding: 6px; + border: none; + color: @color7; + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +actionbar > revealer > box button { + border-radius: 6px; +} + +actionbar > revealer > box button.combo:only-child { + border-radius: 6px; + color: @color7; + background-color: alpha(@color0, 0.04); +} + +actionbar > revealer > box button.combo:only-child:hover, actionbar > revealer > box button.combo:only-child:active { + color: @color13; +} + +actionbar > revealer > box button.combo:only-child:disabled { + color: @color13; +} + +actionbar > revealer > box stackswitcher { + background-color: rgba(26, 27, 38, 0.04); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.6); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover, actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + color: rgba(26, 27, 38, 0.87); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: @color0; + color: @color7; +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + background-color: @color0; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: alpha(@color7, 0.12); + background-color: @color0; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +preferences stacksidebar.sidebar list separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +window.background.csd stack stack stack frame > list, +window.background.csd > stack > stack > box > frame > list, +window.background.csd > stack > stack > box > box > frame > list, +window.background.csd > stack > box > stack > box > frame > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, +window.background.csd > stack > scrolledwindow > viewport > box > list, +window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, +.geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, +hdyleaflet list.frame, +leaflet list.view, +leaflet list.frame, +box.horizontal > stack.background list.view, +box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, +hdyleaflet overlay scrolledwindow > viewport list, +leaflet stack.background scrolledwindow > viewport list, +leaflet overlay scrolledwindow > viewport list, +box.horizontal > stack.background stack.background scrolledwindow > viewport list, +box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), +leaflet frame:not(.view) list:not(.contacts-contact-list), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list.content:not(.conversation-listbox) { + border-radius: 12px; + box-shadow: none; + border: none; + background-color: transparent; +} + +window.background.csd stack stack stack frame > list > separator, +window.background.csd > stack > stack > box > frame > list > separator, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, +window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, +.geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, +hdyleaflet list.frame > separator, +leaflet list.view > separator, +leaflet list.frame > separator, +box.horizontal > stack.background list.view > separator, +box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, +hdyleaflet overlay scrolledwindow > viewport list > separator, +leaflet stack.background scrolledwindow > viewport list > separator, +leaflet overlay scrolledwindow > viewport list > separator, +box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, +box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, +leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list.content:not(.conversation-listbox) > separator { + background: none; + min-height: 0; +} + +window.background.csd stack stack stack frame > list row, +window.background.csd > stack > stack > box > frame > list row, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row, +window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, +.geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, +hdyleaflet list.frame row, +leaflet list.view row, +leaflet list.frame row, +box.horizontal > stack.background list.view row, +box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, +hdyleaflet overlay scrolledwindow > viewport list row, +leaflet stack.background scrolledwindow > viewport list row, +leaflet overlay scrolledwindow > viewport list row, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row, +box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, +leaflet frame:not(.view) list:not(.contacts-contact-list) row, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list > row, list.content:not(.conversation-listbox) > row { + border-radius: 3px; + background-color: alpha(@color0, 0.04); +} + +window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), +.geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), +hdyleaflet list.frame row:not(:first-child), +leaflet list.view row:not(:first-child), +leaflet list.frame row:not(:first-child), +box.horizontal > stack.background list.view row:not(:first-child), +box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), +hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), +leaflet stack.background scrolledwindow > viewport list row:not(:first-child), +leaflet overlay scrolledwindow > viewport list row:not(:first-child), +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), +box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), +leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) { + margin-top: 3px; +} + +window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, +.geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, +hdyleaflet list.frame row:first-child, +leaflet list.view row:first-child, +leaflet list.frame row:first-child, +box.horizontal > stack.background list.view row:first-child, +box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, +hdyleaflet overlay scrolledwindow > viewport list row:first-child, +leaflet stack.background scrolledwindow > viewport list row:first-child, +leaflet overlay scrolledwindow > viewport list row:first-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list > row:first-child, list.content:not(.conversation-listbox) > row:first-child { + border-radius: 12px 12px 3px 3px; +} + +window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, +.geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, +hdyleaflet list.frame row:last-child, +leaflet list.view row:last-child, +leaflet list.frame row:last-child, +box.horizontal > stack.background list.view row:last-child, +box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, +hdyleaflet overlay scrolledwindow > viewport list row:last-child, +leaflet stack.background scrolledwindow > viewport list row:last-child, +leaflet overlay scrolledwindow > viewport list row:last-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list > row:last-child, list.content:not(.conversation-listbox) > row:last-child { + border-radius: 3px 3px 12px 12px; +} + +window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, +.geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, +hdyleaflet list.frame row:only-child, +leaflet list.view row:only-child, +leaflet list.frame row:only-child, +box.horizontal > stack.background list.view row:only-child, +box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, +hdyleaflet overlay scrolledwindow > viewport list row:only-child, +leaflet stack.background scrolledwindow > viewport list row:only-child, +leaflet overlay scrolledwindow > viewport list row:only-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list > row:only-child, list.content:not(.conversation-listbox) > row:only-child { + border-radius: 12px; +} + +window.background.csd stack stack stack frame > list row:hover, window.background.csd > stack > list row:hover, preferencesgroup list row:hover, +.geary-accounts-editor-pane list row:hover, window.background.csd.unified > deck > deck > deck list row:hover, hdyleaflet list.view row:hover, +hdyleaflet list.frame row:hover, +leaflet list.view row:hover, +leaflet list.frame row:hover, +box.horizontal > stack.background list.view row:hover, +box.horizontal > stack.background list.frame row:hover, hdyleaflet stack.background scrolledwindow > viewport list row:hover, +hdyleaflet overlay scrolledwindow > viewport list row:hover, +leaflet stack.background scrolledwindow > viewport list row:hover, +leaflet overlay scrolledwindow > viewport list row:hover, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:hover, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:hover, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:hover, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:hover, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:hover, list.tweak-group list > row:hover, list.content:not(.conversation-listbox) > row:hover { + background-color: alpha(@color0, 0.12); + box-shadow: none; +} + +window.background.csd stack stack stack frame > list row:active, window.background.csd > stack > list row:active, preferencesgroup list row:active, +.geary-accounts-editor-pane list row:active, window.background.csd.unified > deck > deck > deck list row:active, hdyleaflet list.view row:active, +hdyleaflet list.frame row:active, +leaflet list.view row:active, +leaflet list.frame row:active, +box.horizontal > stack.background list.view row:active, +box.horizontal > stack.background list.frame row:active, hdyleaflet stack.background scrolledwindow > viewport list row:active, +hdyleaflet overlay scrolledwindow > viewport list row:active, +leaflet stack.background scrolledwindow > viewport list row:active, +leaflet overlay scrolledwindow > viewport list row:active, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:active, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:active, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:active, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:active, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:active, list.tweak-group list > row:active, list.content:not(.conversation-listbox) > row:active { + background-color: alpha(currentColor, 0.12); + box-shadow: none; +} + +window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, +.geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, +hdyleaflet list.frame row:focus, +leaflet list.view row:focus, +leaflet list.frame row:focus, +box.horizontal > stack.background list.view row:focus, +box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, +hdyleaflet overlay scrolledwindow > viewport list row:focus, +leaflet stack.background scrolledwindow > viewport list row:focus, +leaflet overlay scrolledwindow > viewport list row:focus, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list > row:focus, list.content:not(.conversation-listbox) > row:focus { + box-shadow: none; +} + +list { + border-color: alpha(@color7, 0.12); + background-color: alpha(@color0, 0.04); +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 12px; +} + +paned scrolledwindow > viewport.frame > list { + background-color: transparent; +} + +row:selected { + color: inherit; + background-color: alpha(currentColor, 0.06); + color: @color7; +} + +row:selected button { + color: inherit; +} + +row:selected:disabled { + color: alpha(@color7, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(.suggested-action):not(.destructive-action):not( +:disabled +) { + color: @color13; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: alpha(@color7, 0.7); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander title > arrow:checked { + -gtk-icon-transform: unset; +} + +expander title > arrow:hover, expander title > arrow:active { + color: @color7; +} + +expander title > arrow:disabled { + color: alpha(@color7, 0.32); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid alpha(@color7, 0.12); + color: @color7; +} + +calendar:disabled { + color: alpha(@color7, 0.5); +} + +calendar:selected { + border-radius: 13px; +} + +calendar.header { + border-style: none none solid; + border-color: alpha(@color7, 0.12); + border-radius: 0; +} + +calendar.highlight { + color: alpha(@color7, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: alpha(@color7, 0.32); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: @color0; +} + +messagedialog.background .titlebar { + min-height: 12px; + background-color: @color0; + border: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop { + background-color: @color0; +} + +messagedialog.background.csd { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +messagedialog .titlebar, messagedialog.background.csd .titlebar { + border: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, +messagedialog .dialog-action-box .linked:not(.vertical) > button, +messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, +messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 12px; +} + +messagedialog .dialog-action-box button:not(:last-child), +messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: @color13; + background-color: alpha(@color13, 0.15); +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: @color10; +} + +.csd filechooser { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +filechooser .dialog-action-box { + border-top: 1px solid alpha(@color16, 0.2); +} + +filechooser treeview.view header > button { + background-color: @color0; +} + +filechooser #pathbarbox { + background-color: @color0; + border-radius: 12px 12px 0 0; + margin: 0 4px; +} + +filechooser stack.view { + background-color: @color0; + padding: 0 4px; +} + +filechooser stack.view scrolledwindow { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +filechooser stack.view > placesview { + background-color: transparent; + padding: 4px; +} + +filechooser stack.view frame > border { + border: none; +} + +.csd filechooser placessidebar { + background: none; + border-bottom-left-radius: 12px; +} + +filechooser paned > separator { + background: none; +} + +filechooser paned box.vertical { + background-color: @color0; + border-radius: 12px; + margin: 0 6px 0 1px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: @color0; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { + border-right: 1px solid alpha(@color16, 0.2); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid alpha(@color16, 0.2); + border-right-style: none; +} + +.sidebar list, +.sidebar notebook { + 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.sidebar list { + padding: 6px; + background-color: @color0; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 6px; + margin: 0; + border-radius: 6px; + color: @color7; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(@color13, 0.2); + color: @color0; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, +stacksidebar.sidebar row:selected image { + color: @color7; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +stacksidebar.sidebar row:hover { + background-color: alpha(@color13, 0.1); +} + +/**************** + * File chooser * + ****************/ +placessidebar.sidebar { + margin: 0 0 0 4px; + padding: 0; +} + +placessidebar.sidebar > viewport.frame { + border-style: none; +} + +placessidebar.sidebar list { + background-color: transparent; + color: @color7; +} + +placessidebar.sidebar row { + min-height: 32px; + margin: 0; + padding: 0; + color: @color7; + border-radius: 6px; +} + +placessidebar.sidebar row:hover, placessidebar.sidebar row:active { + background-color: alpha(@color13, 0.08); + color: @color13; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: alpha(@color13, 0.08); + color: @color13; + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: alpha(@color7, 0.3); +} + +placessidebar.sidebar row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + +placessidebar.sidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar.sidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: @color13; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: @color13; +} + +placessidebar.sidebar row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-color: alpha(@color13, 0.15) +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: @color0; + background-image: image(alpha(@color7, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: @color0; + background-image: image(alpha(@color7, 0.12)), image(alpha(@color7, 0.12)); + 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; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: @color0; +} + +infobar.info > revealer > box, +infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, +infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, +infobar.info:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +) { + color: @color13; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: @color13; +} + +infobar.action > revealer > box, +infobar.action > revealer > box link:link, +infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, +infobar.action:backdrop > revealer > box link:link, +infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, +infobar.question > revealer > box link:link, +infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, +infobar.question:backdrop > revealer > box link:link, +infobar.question:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: alpha(@color13, 0.8); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: @color3; + color: @color8; +} + +infobar.warning > revealer > box, +infobar.warning > revealer > box link:link, +infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, +infobar.warning:backdrop > revealer > box link:link, +infobar.warning:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.warning:hover > revealer > box { + background-color: @color3; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: @color10; + color: @color11; +} + +infobar.error > revealer > box, +infobar.error > revealer > box link:link, +infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, +infobar.error:backdrop > revealer > box link:link, +infobar.error:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.error:hover > revealer > box { + background-color: alpha(@color10, 0.9); +} + +/************ + * Tooltips * + ************/ +tooltip { + box-shadow: none; +} + +tooltip.background { + background-color: alpha(@color0, 0.95); + color: @color13; + border-radius: 12px; +} + +tooltip.background.csd { + border-radius: 12px; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: @color7; +} + +colorswatch.light { + color: @color7; +} + +colorswatch overlay { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px @color13; +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: alpha(@color13, 0.08); +} + +colorswatch#add-color-button overlay:hover { + background-color: alpha(@color13, 0.15); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: alpha(@color13, 0.25); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px alpha(@color7, 0.3), 0 1px 2px -1px alpha(@color7, 0.24), 0 1px 2px -1px alpha(@color7, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); + background-color: @color0; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px alpha(@color7, 0.2), 0 2px 2px -1px alpha(@color7, 0.24), 0 1px 3px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: @color0; +} + +.scale-popup.background { + padding: 3px 0; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + border-radius: 12px; + box-shadow: none; + margin: 10px; +} + +decoration:backdrop { + transition: none; + box-shadow: none; +} + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} + +.popup decoration { + box-shadow: none; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: none; +} + +.ssd decoration:backdrop { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: none; +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: none; + border: none; +} + +messagedialog.background.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: @color0; + border: 1px solid @color16; +} + +.solid-csd decoration:backdrop { + background-color: @color0; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(@color0, 0.1); + min-height: 22px; + min-width: 22px; + padding: 0; + margin: 0 0px; + border-radius: 9999px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(currentColor, 0.1); +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: @color7; + background-color: alpha(currentColor, 0.15); + box-shadow: 0 1px 3px alpha(@color7, 0.1), inset 0 1px alpha(@color7, 0.1); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: @color7; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: @color13; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-transform: unset; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; + -gtk-icon-transform: rotate(45deg); +} + +.context-menu { + font: initial; +} + +.keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px alpha(@color7, 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px alpha(@color7, 0.12); + background-color: @color0; + color: @color7; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: @color13; +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 15px; + background-color: alpha(@color0, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0; + background-color: transparent; + border-radius: 9999px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: @color7; + color: rgba(26, 27, 38, 0.87); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + box-shadow: none; + background-color: @color7; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid alpha(@color7, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: @color13; +} + +button.emoji-section:not(:last-child) { + margin-right: 0; +} + +popover.emoji-picker .emoji { + min-width: 3em; + min-height: 3em; + padding: 0 8px; +} + +popover.emoji-picker .emoji widget { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; +} + +popover.emoji-picker .emoji widget:hover { + background-color: alpha(currentColor, 0.08); +} + +popover.emoji-completion { + padding: 8px 0; +} + +popover.emoji-completion arrow { + border: none; + background: none; +} + +popover.emoji-completion .emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +popover.emoji-completion .emoji:hover { + background-color: alpha(currentColor, 0.08); +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +.nautilus-window.background.csd:backdrop { + background-color: @color0; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, +.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator { + margin-left: 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > separator { + background: none; +} + +.nautilus-window.background.csd.unified notebook { + border-radius: 0; +} + +.nautilus-window.background.csd:not(.unified) .nautilus-list-view { + background-color: transparent; + border-bottom-right-radius: 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook > stack { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook scrolledwindow +> .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) paned > separator.wide { + min-width: 12px; + box-shadow: 12px 0 @color0; + background-color: @color0; + background-image: image(@color0); +} + +.nautilus-window.maximized, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border: none; + border-radius: 12px; + background-color: @color13; + color: @color7; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: @color7; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: alpha(@color7, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: @color7; +} + +@keyframes nautilus-operations-button-needs-attention { + to { + background-color: alpha(currentColor, 0.08); + } +} + +.nautilus-operations-button-needs-attention { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; +} + +.path-bar-box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 12px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: alpha(@color0, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: alpha(@color0, 0.04); +} + +.path-bar-box .path-bar button label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .path-bar button label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) { + padding-left: 11px; + padding-right: 11px; + margin-left: 1px; + margin-right: 1px; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { + margin: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) { + background-color: alpha(@color0, 0.08); +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled { + background-color: transparent; + color: alpha(@color7, 0.5); +} + +.windowhandle .linked.nautilus-path-bar { + background-color: alpha(@color0, 0.04); + border-radius: 12px; + margin: 6px 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { + color: @color7; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.disk-space-display.unknown { + background-color: alpha(@color0, 0.3); + color: alpha(@color7, 0.3); +} + +.disk-space-display.used { + background-color: @color13; + color: @color0; +} + +.disk-space-display.free { + background-color: alpha(@color0, 0.12); + color: alpha(@color7, 0.12); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; + color: @color7; +} + +.conflict-row:not(:selected) { + background-color: alpha(@color10, 0.15); +} + +.nautilus-window flowboxchild .icon-item-background { + padding: 4px; + border-radius: 6px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window notebook :not(treeview).view { + border-radius: 6px; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { + border-style: none; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { + margin: -6px 0 0 -6px; + border-top: 1px solid alpha(@color7, 0.12); +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { + margin: 0 8px; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { + border-radius: 0; +} + +.nautilus-window > popover.menu:not(:last-child) { + padding: 3px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { + margin-top: -6px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { + margin-bottom: -6px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { + margin-top: 1px; +} + +.nautilus-window > popover.menu:not(:last-child) separator { + margin-bottom: -2px; +} + +.nautilus-menu-sort-heading { + margin: 1px 3px; + font-weight: 500; +} + +.nautilus-menu-sort-heading:disabled { + color: alpha(@color7, 0.7); +} + +.nautilus-window paned > separator { + background-color: @color0; +} + +/********* + * gedit * + *********/ +window.org-gnome-gedit > paned.titlebar > separator { + background-color: transparent; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-path-label { + color: alpha(@color7, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: @color8; + color: @color7; +} + +.gedit-document-panel { + background-color: @color0; +} + +.gedit-document-panel row button.flat { + margin-top: 8px; + margin-bottom: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid alpha(@color7, 0.12); + border-radius: 0 0 12px 12px; +} + +.gedit-search-slider { + margin: 0 6px 10px; + padding: 6px; + background-color: @color0; + border-radius: 0 0 12px 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.05), 0 4px 6px 0 alpha(@color7, 0.06), 0 1px 10px 0 alpha(@color7, 0.05); +} + +.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { + all: unset; + color: alpha(@color7, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { + margin-left: 6px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { + margin-right: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { + margin-right: 6px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { + margin-left: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:not(.error) { + background-color: @color0; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: alpha(@color7, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: @color7; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: alpha(@color7, 0.32); +} + +frame.gedit-map-frame > border:dir(ltr) { + border-style: none none none solid; +} + +frame.gedit-map-frame > border:dir(rtl) { + border-style: none solid none none; +} + +/********** + * Tweaks * + **********/ +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame { + background-color: @color0; + color: @color7; + border-radius: 12px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { + background-color: rgba(26, 27, 38, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:hover { + background-color: rgba(26, 27, 38, 0.6); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:active, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:active, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:active { + background-color: rgba(26, 27, 38, 0.87); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:disabled { + background-color: rgba(26, 27, 38, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(26, 27, 38, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(26, 27, 38, 0.3); +} + +leaflet.unfolded > box.vertical:last-child > scrolledwindow > viewport.frame, +leaflet.unfolded > box.vertical:last-child > stack > scrolledwindow > viewport.frame { + background-color: alpha(@color0, 0.04); + border-radius: 12px; + margin: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { + padding: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > separator { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row { + padding: 0; + margin: -1px; + color: @color7; + border-radius: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:active, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:focus { + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected { + font-weight: 500; + background-color: alpha(@color0, 0.04); + border-radius: 9px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected label, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected image { + color: @color13; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:focus { + background-color: alpha(@color0, 0.04); + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row + row { + margin-top: 3px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { + border: none; + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar trough, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar trough, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar trough { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { + border: 4px solid transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + border: none; + margin: 1px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-startup { + border: 1px solid alpha(@color7, 0.12); +} + +.tweak-group-startup > row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +row#Focus, +row#ClickMethod, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + margin-top: 4px; +} + +leaflet.titlebar > .titlebar.tweak-titlebar-left, +leaflet.titlebar > .titlebar.tweak-titlebar-right, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { + background-color: inherit; + box-shadow: inherit; + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { + background-color: transparent; + margin: 0; +} + +/************************ + * Gnome Control Center * + ************************/ +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) { + border-top-left-radius: 12px; +} + +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) { + border-top-right-radius: 12px; +} + +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child { + border-top-right-radius: 12px; + border-top-left-radius: 12px; +} + +window.background.csd > stack:not(.titlebar) > stack.background { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background: none; +} + +window.background.csd > leaflet > stack.background frame > border, +window.background.csd > hdyleaflet > stack.background frame > border, +window.background.csd > box.horizontal > stack.background frame > border { + border: none; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: @color0; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { + background: none; +} + +window.background.csd > leaflet frame.view, +window.background.csd > hdyleaflet frame.view, +window.background.csd > box.horizontal frame.view { + border-radius: 12px; + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { + margin: 6px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list { + border-top-width: 0; + border-bottom-width: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row { + border-radius: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list { + border-top-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row { + border-radius: 12px 12px 0 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list { + border-bottom-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row { + border-radius: 0 0 12px 12px; +} + +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: alpha(@color0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list { + background: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box { + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar { + box-shadow: none; +} + +/************************ + * Gnome Sound Recorder * + ************************/ +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 12px; +} + +/************************ + * Epiphany (Gnome Web) * + ************************/ +tabbox { + border: none; + background-color: alpha(@color0, 0.04); + padding: 3px; + margin: 3px; + border-radius: 12px; +} + +tabbox > tab button { + min-height: 24px; + min-width: 24px; + border-radius: 9999px; + border: none; + padding: 0; + margin-right: -6px; +} + +/***************** + * Gnome Weather * + *****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +/*************** + * Gnome Music * + ***************/ +window.background.csd box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +/**************** + * Gnome Clocks * + ****************/ +/************* + * Rhythmbox * + *************/ +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 24px; + min-width: 24px; + padding: 5px; + margin: 0; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px alpha(@color7, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + padding: 6px; + margin: -1px 0; + border-bottom: none; + border-top: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + margin: 6px 0; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar { + padding: 0 12px 0 6px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: alpha(@color0, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: @color7; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { + box-shadow: none; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-color: @color13; + color: @color0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0 3px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 6px; + margin: -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 0 6px 6px; + margin: 0 -6px -6px 0; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid alpha(@color7, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 3px; + margin: -1px -6px -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid alpha(@color7, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { + padding: 0 6px 6px; + border-bottom: 1px solid alpha(@color7, 0.12); +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: @color13; + color: @color0; +} + +stack.view.polari-entry-area { + background-color: @color0; + border-top: 1px solid alpha(@color7, 0.12); + border-bottom-right-radius: 12px; +} + +stack:disabled.view.polari-entry-area { + background-image: image(@color0); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +layouttabbar > box > button { + margin: 3px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(26, 27, 38, 0.2); + box-shadow: inset 0 -2px @color13; + background-color: @color0; +} + +layouttab separator.vertical { + margin: 8px 4px; +} + +layouttab button.text-button, layouttab button.image-button, layouttab button { + margin-top: 8px; + margin-bottom: 8px; + padding: 0 4px; +} + +layout { + border: 1px solid rgba(26, 27, 38, 0.2); + -pnldockbin-handle-size: 1; +} + +entry.search-missing { + background-color: @color10; + color: @color7; +} + +window.workbench treeview.image { + color: alpha(@color7, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 12px; +} + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; +} + +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(ltr) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(rtl) { + margin-right: 6px; +} + +omnibar.linked:not(.vertical) entry { + border-radius: 12px; +} + +omnibar:not(:hover):not(:active) entry { + color: alpha(@color7, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: @color0; +} + +preferences stacksidebar.sidebar list { + background-color: @color0; +} + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid alpha(@color7, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid alpha(@color7, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid alpha(@color7, 0.12); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 12px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 12px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(26, 27, 38, 0.2); + -pnldockbin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(26, 27, 38, 0.2); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +docktab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + margin-bottom: -1px; + padding: 6px 6px; + border-width: 1px; + border-color: transparent; + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, @color13 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: alpha(@color7, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: @color7; +} + +docktab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px @color13; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: @color7; +} + +dockoverlayedge { + background-color: @color0; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 @color13; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 @color13; +} + +pillbox { + background-color: @color0; + border-radius: 12px; +} + +layoutpane entry.search { + border-bottom: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: @color0; +} + +editortweak entry.search { + margin-bottom: -1px; + box-shadow: none; + background-color: transparent; +} + +.gb-search-entry-occurrences-tag { + box-shadow: none; + background-color: transparent; +} + +docktabstrip { + min-height: 39px; +} + +window.workbench preferences preferencesgroup list entry { + padding-top: 8px; + padding-bottom: 8px; +} + +button.run-arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.dzlmenubutton image { + min-width: 28px; +} + +button.dzlmenubutton image.arrow { + min-width: 25px; +} + +button.dzlmenubuttonitem { + color: @color7; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: alpha(@color7, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +idelayoutstackheader button:checked { + color: @color7; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: @color0; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid alpha(@color7, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid alpha(@color7, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button { + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:active { + background-image: radial-gradient(circle, alpha(@color13, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: @color7; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 @color13; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 @color13; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid alpha(@color7, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -gdmainiconview-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); + background-color: @color13; + color: @color0; + font-weight: bold; +} + +.documents-scrolledwin.frame { + border-style: none; +} + +.documents-scrolledwin.frame frame.content-view > border { + border-style: none; +} + +.photos-fade-in { + opacity: 1; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.photos-fade-out { + opacity: 0; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +button.photos-filter-preview { + color: @color7; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: @color7; +} + +button.photos-filter-preview:checked image { + color: @color7; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { + border-style: none none none solid; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { + border-style: none solid none none; +} + +/********* + * Music * + *********/ +.side-panel:dir(ltr) { + border-style: solid; + border-color: alpha(@color7, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: alpha(@color7, 0.12); +} + +.side-panel .view { + background-image: image(@color0); +} + +.side-panel .view:hover { + background-image: image(alpha(@color13, 0.1)); +} + +.side-panel .view:selected { + background-image: image(@color13); +} + +.side-panel .view:selected:hover { + background-image: image(@color13); + transition: background-color 100ms ease-out; +} + +.songs-list:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +frame.documents-dropdown { + margin: 8px; +} + +frame.documents-dropdown > border { + border: none; +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid alpha(@color7, 0.12); + background-clip: border-box; +} + +box.vertical > revealer > toolbar.search-bar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/************* + * Documents * + *************/ +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > stack > box > revealer > actionbar > revealer > box { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not( +:hover +):not(.progressbar):not(.expander):not(.trough):not( +.separator +) { + background-color: @color0; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: @color0; +} + +/************ + * Terminal * + ************/ +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window.background.csd, terminal-window.background.csd.maximized { + border-radius: 0; +} + +terminal-window notebook > header > box { + margin: -2px -2px -2px 1px; +} + +terminal-window notebook > header > box button.flat { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; +} + +window.background > box.vertical > box.horizontal > frame > border { + border: none; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + /* border-radius: $corner-radius; */ + margin: 0 6px 6px; + background-color: @color0; + color: @color7; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row { + padding: 0 2px; + margin: 2px 0; + border-radius: 12px; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover { + color: @color13; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active { + color: @color7; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { + margin: 0 6px 6px 0; +} + +.terminal-window { + background-color: @color0; +} + +.terminal-window tabbar tabbox { + background-color: @color0; + margin: 0; + border-radius: 0; + border-bottom: 1px solid alpha(@color7, 0.12); + background-clip: border-box; +} + +/********* + * To Do * + *********/ +task-list-view taskrow { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 0 -8px; +} + +task-list-view taskrow:hover { + transition: none; +} + +task-list-view taskrow label { + margin: 0 8px; +} + +task-list-view taskrow image.dim-label { + min-width: 16px; +} + +task-list-view > box > revealer > box > button { + margin: -5px; +} + +task-list-view > box > revealer > box > button .dim-label { + color: inherit; +} + +tasklistview taskrow { + outline: none; +} + +tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { + box-shadow: none; +} + +tasklistview taskrow image.dim-label { + min-width: 16px; +} + +tasklistview > box > revealer > box > button { + margin: -5px; +} + +tasklistview > box > revealer > box > button .dim-label { + color: inherit; +} + +/******* + * Eog * + *******/ +#eog-thumb-nav scrolledwindow { + border-top: none; +} + +/************* + * Evolution * + *************/ +frame.taskbar > border { + border-style: solid none none; +} + +box.vertical > paned.horizontal notebook widget .frame { + border-style: none; +} + +/*********** + * Fractal * + ***********/ +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +/******** + * Gitg * + ********/ +frame.commit-frame > border { + border-style: solid none none; +} + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { + border: 1px solid rgba(26, 27, 38, 0.2); +} + +list.categories { + background-image: image(@color0); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 12px; + background-color: @color0; + color: @color7; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 34px; +} + +/********* + * Geary * + *********/ +window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical, +window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: 12px; +} + +window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar, +window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar { + border-bottom-left-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background: none; + border-bottom-right-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded { + animation: none; + background-image: none; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box { + border-radius: 0; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar { + color: @color7; + background-color: @color0; + box-shadow: none; + border-bottom: 1px solid rgba(26, 27, 38, 0.2); +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box { + border-bottom-left-radius: 0; +} + +.geary-accounts-editor-pane frame:not(.geary-signature) > border, +.geary-accounts-editor-pane scrolledwindow.frame { + border: none; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout { + background-color: @color0; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { + background-color: @color0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { + background-color: @color0; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { + min-width: 1px; + background-color: alpha(@color0, 0.12); +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow { + padding: 3px; +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view { + border: 1px solid transparent; + border-radius: 12px; + padding: 6px; +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active { + border-radius: 12px; + background-color: @color13; + color: @color0; +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: alpha(@color0, 0.12); +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid alpha(@color7, 0.12); + border-bottom-width: 0; + background-color: @color0; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { + border-radius: 0 0 8px 8px; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { + background-color: transparent; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { + border-radius: 0 0 6px 6px; +} + +/************** + * Extensions * + **************/ +window.background.csd stack stack stack frame > border, +window.background.csd > stack > stack > box > frame > border, +window.background.csd > stack > stack > box > box > frame > border, +window.background.csd > stack > box > stack > box > frame > border, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { + border: none; +} + +window.background.csd > stack > box > box > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport > list { + border-bottom-left-radius: 12px; +} + +window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { + padding: 0 0; +} + +/*********** + * Dialogs * + ***********/ +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +window.background.csd.unified { + background-color: @color0; +} + +window.background.csd.unified headerbar { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 12px; +} + +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay { + box-shadow: none; +} + +window.background.csd.unified.tiled, +window.background.csd.unified.tiled > decoration, +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top, +window.background.csd.unified.tiled-top > decoration, +window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right, +window.background.csd.unified.tiled-right > decoration, +window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom, +window.background.csd.unified.tiled-bottom > decoration, +window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left, +window.background.csd.unified.tiled-left > decoration, +window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized, +window.background.csd.unified.maximized > decoration, +window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen, +window.background.csd.unified.fullscreen > decoration, +window.background.csd.unified.fullscreen > decoration-overlay { + border-radius: 0; +} + + + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: @color0; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(233, 233, 237, 0.12); +} + +/********* + * Meld * + ********/ +.meld-notebook, +.meld-notebook > stack { + background: none; + border-radius: 0 0 12px 12px; +} + +.meld-notebook-child { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +statusbar.meld-status-bar { + background: none; +} + +/*********** + * Eclipse * + ***********/ +window.background > box.vertical > scrolledwindow > widget toolbar { + padding: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar separator, +window.background > box.vertical > scrolledwindow > widget toolbar button { + margin: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar button { + border-radius: 12px; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: @color0; +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid alpha(@color16, 0.8); +} + +window.background.chromium > button { + color: @color13; +} + +window.background.chromium > button:disabled { + color: alpha(@color7, 0.32); +} + +window.background.chromium menubar, +window.background.chromium headerbar { + color: alpha(@color7, 0.7); +} + +window.background.chromium headerbar.titlebar { + padding: 0 12px; +} + +window.background.chromium headerbar.titlebar button:active { + background-color: alpha(currentColor, 0.12); +} + +window.background.chromium spinner { + color: @color13; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: @color13; + color: @color0; +} + +window.background.chromium treeview.view button { + border: 1px solid alpha(@color7, 0.3); + background-color: @color0; +} + +window.background.chromium menu { + background-color: @color13; + border-color: @color16; +} + +window.background.chromium menu menuitem { + border-radius: 0; + background-color: alpha(@color0, 0.04); +} + +tooltip.background.chromium { + background-color: @color0; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget decoration { + border: none; +} + +#MozillaGtkWidget > widget text { + background-color: @color0; +} + +#MozillaGtkWidget > widget text:selected { + background-color: @color13; + color: @color0; +} + +#MozillaGtkWidget > widget > separator { + color: @color16; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: alpha(@color16, 0.8); +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid alpha(@color16, 0.8); + border-radius: 12px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: alpha(@color7, 0.12); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: @color0; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: @color13; + box-shadow: inset 0 0 0 1px @color13; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: @color0; +} + +#MozillaGtkWidget > widget > button > button { + padding: 4px 8px; + background-size: auto; +} + +#MozillaGtkWidget > widget > button > button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +#MozillaGtkWidget > widget > button > button:active { + background-image: image(alpha(currentColor, 0.12)); +} + +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { + color: alpha(@color16, 0.7); +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { + color: @color13; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(65, 72, 104, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: alpha(@color7, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: @color7; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: alpha(@color7, 0.32); +} + +#MozillaGtkWidget > widget > frame { + color: alpha(@color16, 0.8); +} + +#MozillaGtkWidget menu > separator { + color: alpha(@color16, 0.8); +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +/************ + * Inkscape * + ************/ +#ToolboxCommon > #AuxToolbox #StyleSwatch { + font-size: smaller; +} + +#ToolboxCommon > #AuxToolbox #Kludge { + padding: 0; +} + +#ToolboxCommon > #AuxToolbox spinbutton, +#ToolboxCommon > #AuxToolbox entry { + min-height: 32px; +} + +#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; +} + +#ToolboxCommon > #AuxToolbox spinbutton button { + border-width: 4px; +} + +#ToolboxCommon > toolbar.vertical { + margin-top: -4px; +} + +#ToolboxCommon > toolbar.vertical button { + min-height: 24px; + min-width: 24px; + padding: 4px; +} + +#CanvasTable button { + min-height: 16px; + min-width: 16px; + padding: 0; +} + +#CanvasTable #HorizontalScrollbar { + border-top: 1px solid rgba(233, 233, 237, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(233, 233, 237, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(233, 233, 237, 0.12); +} + +#Canvas_and_Dock frame > border { + border: none; +} + +#Canvas_and_Dock widget > widget > button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; +} + +#Canvas_and_Dock widget > widget > box.horizontal image { + padding: 4px; +} + +#Canvas_and_Dock box.horizontal > box.vertical > button.flat { + min-height: 16px; + min-width: 24px; + padding: 8px 4px; +} + +scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image { + padding: 4px; +} + +#InKscapeCanvas { + background-color: @color0; + border-radius: 12px; +} + +/*********** + * Synapse * + ***********/ +/*************** + * Libreoffice * + ***************/ +window.background > grid +> widget +> widget +> scrolledwindow +> viewport +> grid +> box +> box +> frame +> box { + background-color: @color0; +} + +/********* + * Pamac * + *********/ +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list { + border: none; + border-radius: 0; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable { + border-radius: 12px; +} + +dialog-host > floating-sheet > sheet > widget.response-area { + padding: 6px; +} + +window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) { + /* background-color: if($variant == 'light', $grey-100, $grey-900); */ + background-color: @color0; +} + +window.background:not(.csd) > box +> widget +> widget +> widget +> widget +> widget +> widget +> widget +> scrolledwindow entry:focus { + background-color: @color0; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: @color0; + border-bottom: 1px solid rgba(233, 233, 237, 0.12); +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar > toolitem > .linked > button.image-button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(233, 233, 237, 0.7); +} + +.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked { + color: @color7; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(233, 233, 237, 0.32); +} + +.nemo-window .primary-toolbar button.text-button:backdrop { + color: rgba(233, 233, 237, 0.5); +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button:checked { + box-shadow: none; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { + padding-left: 4px; + padding-right: 4px; +} + +.nemo-window scrolledwindow.frame { + border-style: none; +} + +.nemo-window scrolledwindow.frame .view:not(:selected) { + background-color: transparent; +} + +.nemo-window .nemo-inactive-pane .view:not(:selected) { + background-color: @color0; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(233, 233, 237, 0.04); +} + +.nemo-window .nemo-window-pane > notebook { + border-radius: 0; +} + +.places-treeview { + -nemoplacestreeview-disk-full-bg-color: @color0; + -nemoplacestreeview-disk-full-fg-color: @color13; + -nemoplacestreeview-disk-full-bar-width: 2px; + -nemoplacestreeview-disk-full-bar-radius: 0; + -nemoplacestreeview-disk-full-bottom-padding: 1px; + -nemoplacestreeview-disk-full-max-length: 80px; + padding-top: 3px; + padding-bottom: 3px; +} + diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/thumbnail.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..3b42941e722b608068c439c6bb48aad49dd428b3 GIT binary patch literal 1575 zcmV+?2H5$DP)x)(lXx|JG1aF{J9~3D0IWu9jKq8S!#N#zR8q+!$u?`BTLbNknyWX*}^Pd%J82)K!*pQNB^%y@*QGg#v ztMf|dl`HAA5V$dU$3+Un^&9Ezv~rJ}Oty4!NA98kzmW)s<-A2Bl0lr0|0ACYwa+BQDOp$GmlGM1KSTsh}#Qg6UX!i68ag+mo-*EdD{tQ}3T9+iL zezmAqFJB@xGf8v5oGrWWrLbiiq9fb3Qwe3-9ZOc+%jCwyIty^z<4+iyOrljz_9TeKw z=Iq`ju(hnRXeSAx+Xt>rO;EP)1M#y!^oczcv1NpvEk{|j9e=&>3`wijh;u0xr%3B2 zs(oaqWt;iQtE7znMzPKJ8_tn%=mMswx4!p|~s0%_|F!$?OQKyd*PHlM}q8az# zQ1Z5-FcWXRSiA-go%-+{AF%4 z7ugJW{ED4Vi8k((?dhlz?j(kgXy!~R4 z8|{-Ypzv^rwJ5+GXcTJgLcN(SY-X5&kZpvOEzdj{4;x3gd7}umi}fny+-V^$U<>m) z1`j}lkQe5Bh^|?L@x_3UI9(DNv8$9n@})S(631!A>=dhn$;h+q@I+uFR?*E5hy$YF zr_p?RtD}}|f)o;+nUDU<^w*uNCL; zu7Wqu@;SI@m=6kl0##a;xtHe8ohp`dCx7H#+)kAQ-l+#$hj`%F9z>E;$e6J=Z@0uj z8#lJ}HjTU(b!NMYR<=A5SR_6?*}-v@9}pEG6~y^+X^JOBNR+gh>0%p%Slowt2wPfS z`Q%=@HgHHJS?Dvi_2FVzt`u`TbJc^nt+xARv7|wGG|QL``?8ozjcn;{#=BqP-r6e4 z5EcUpb!Ky|l`YGc4RvoHATKC*CcN~9YkY7>I^m4U#M>FQEr)Bbb(>zp!>oPjO+ybV zZ15Xp%%zCAd;dPmd#r4^!Oqr_>|{w60!bxaX;k(~Tsy>4I|lmou~RB- z%kq6NvNL>P;1>|i)bTM#_lm7T{`=$03T87!U{5;t`KL7d(=e4oC2iS$(Sf-KYrbj+ zUgFlf3LuM??`k87Z!gLV>r^!}LGygDsQ4u4)Ctd~Gp}tq`l=E}@y5b#1N~M5qa6=M z`TnTzlI2M7*{shAKAZJ9l1ADv1^5$<&PYsSBNX6ER7Slll}aV@O3lxV1%F-WCp3-H z#f Z?q8Df?}Yvs$PoYl002ovPDHLkV1hrR^hW>y literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic.svg new file mode 100644 index 000000000..c3eedb0d3 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic@2.svg new file mode 100644 index 000000000..96be359b2 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic.svg new file mode 100644 index 000000000..f016658de --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg new file mode 100644 index 000000000..1bc6987c7 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/close.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/close.svg new file mode 100644 index 000000000..06201c39d --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/close.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/cursor-handle-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/cursor-handle-symbolic.svg new file mode 100644 index 000000000..e2a252b5f --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/maximize.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/maximize.svg new file mode 100644 index 000000000..39316eba5 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/maximize.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/minimize.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/minimize.svg new file mode 100644 index 000000000..f3683b9d7 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/minimize.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic.svg new file mode 100644 index 000000000..d13b0295b --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic@2.svg new file mode 100644 index 000000000..ed8d87adb --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic.svg new file mode 120000 index 000000000..79b7355c9 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic@2.svg new file mode 120000 index 000000000..b68859d48 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 000000000..de0d7899f --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 000000000..7f0235f10 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic.svg new file mode 100644 index 000000000..993f30828 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg new file mode 100644 index 000000000..740bc8b8a --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic.svg new file mode 100644 index 000000000..73a1dbe5f --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic@2.svg new file mode 100644 index 000000000..bec2ee43a --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 000000000..37d9c04b0 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 000000000..1bc5cb6ff --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic.svg new file mode 100644 index 000000000..caed76fa0 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 000000000..58aa5ffed --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg new file mode 100644 index 000000000..0e477a9d8 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 000000000..d0980e258 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic.svg new file mode 100644 index 000000000..0fdb5302a --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic@2.svg new file mode 100644 index 000000000..251e2f543 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic.svg new file mode 120000 index 000000000..86dfcec08 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg new file mode 120000 index 000000000..bafb55887 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/unmaximize.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/unmaximize.svg new file mode 100644 index 000000000..492d47a23 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/unmaximize.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/colors.css b/dotfiles/.themes/Material-Gnome/gtk-4.0/colors.css new file mode 100644 index 000000000..59818f0e3 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/colors.css @@ -0,0 +1,47 @@ +:root { + /* 🌈 Base 16 Color Variables */ + --color0: #0f1416; + --color1: #2c3133; + --color2: #bfc8cb; + --color3: #b2cbd3; + --color4: #dee3e6; + --color5: #ffb4ab; + --color6: #004e5d; + --color7: #dee3e6; + --color8: #aeecff; + --color9: #0f1416; + --color10: #003641; + --color11: #1d343a; + --color12: #aeecff; + --color13: #85d2e8; + --color14: #1b2022; + --color15: #dee3e6; + --color16: #690005; + --color17: #252b2d; + --color18: #85d2e8; + --color19: #404565; + --color20: #c0c4eb; + --color21: #292e4d; + --color22: #303638; + --color23: #171c1e; + --color24: #0f1416; + --color13-r: 133; + --color13-g: 210; + --color13-b: 232; + --color0-r: 15; + --color0-g: 20; + --color0-b: 22; + --color2-r: 191; + --color2-g: 200; + --color2-b: 203; + --color5-r: 255; + --color5-g: 180; + --color5-b: 171; + --color6-r: 0; + --color6-g: 78; + --color6-b: 93; + --color18-r: 133; + --color18-g: 210; + --color18-b: 232; +} + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk-dark.css b/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk-dark.css new file mode 100644 index 000000000..d48097dd0 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk-dark.css @@ -0,0 +1,8717 @@ +@import url("colors.css"); + +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-color: var(--color13); + opacity: 0.1; + } + to { + background-color: transparent; + opacity: 0; + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: var(--color0); + color: var(--color7); +} + +dnd { + color: var(--color7); +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, +.view { + background-color: rgba(233, 233, 237, 0.04); + color: var(--color7); +} + +iconview:disabled, +.view:disabled { + color: rgba(233, 233, 237, 0.5); +} + +iconview:selected, +.view:selected { + color: var(--color7); +} + +textview text { + background-color: rgba(233, 233, 237, 0.04); +} + +textview border { + background-color: var(--color0); + color: rgba(233, 233, 237, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, columnview.view > rubberband, +.content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid var(--color13); + background-color: rgba(39, 161, 185, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 12px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: var(--color7); + background-color: var(--color0); + border: 1px solid black; +} + +label.separator { + color: rgba(233, 233, 237, 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(233, 233, 237, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 12px; + background-color: rgba(20, 21, 29, 0.9); + color: var(--color7); +} + + +.dim-label, +row.expander image.expander-row-arrow, +row label.subtitle { + color: rgba(233, 233, 237, 0.7); + opacity: 1; +} + +.accent { + color: var(--color13); +} + +.success { + color: #387068; +} + +.warning { + color: #8c6c3e; +} + +.error { + color: #f52a65; +} + +.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 { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: rgba(233, 233, 237, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: var(--color7); +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: var(--color7); + background-color: var(--color0); + background-clip: padding-box; + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * Spinner Animation * + *********************/ +@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; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 34px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(233, 233, 237, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color7); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + + +entry headerbar popover.background entry:drop(active), +headerbar popover.background entry entry:drop(active), +entry headerbar popover.background entry:hover:not(:focus-within), +headerbar popover.background entry entry:hover:not(:focus-within), +entry:drop(active), +entry:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:disabled, +headerbar popover.background entry entry:disabled, +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(233, 233, 237, 0.5); + outline: none; +} + + +entry headerbar popover.background entry.flat:focus-within, +headerbar popover.background entry entry.flat:focus-within, +entry headerbar popover.background entry.flat:disabled, +headerbar popover.background entry entry.flat:disabled, +entry headerbar popover.background entry.flat:hover, +headerbar popover.background entry entry.flat:hover, +entry headerbar popover.background entry.flat, +headerbar popover.background entry entry.flat, +entry.flat:focus-within, +entry.flat:disabled, +entry.flat:hover, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + box-shadow: none; + border-radius: 0; + outline: none; +} + + +entry headerbar popover.background entry image, +headerbar popover.background entry entry image, +entry image { + color: rgba(233, 233, 237, 0.7); +} + + +entry headerbar popover.background entry image:hover, +headerbar popover.background entry entry image:hover, +entry headerbar popover.background entry image:active, +headerbar popover.background entry entry image:active, +entry image:hover, +entry image:active { + color: var(--color7); +} + + +entry headerbar popover.background entry image:disabled, +headerbar popover.background entry entry image:disabled, +entry image:disabled { + color: rgba(233, 233, 237, 0.5); +} + + +entry headerbar popover.background entry image.left, +headerbar popover.background entry entry image.left, +entry image.left { + margin: 0 6px 0 1px; +} + + +entry headerbar popover.background entry image.right, +headerbar popover.background entry entry image.right, +entry image.right { + margin: 0 1px 0 6px; +} + + +entry headerbar popover.background entry undershoot.left > undershoot.left, +headerbar popover.background entry entry undershoot.left > undershoot.left, +entry undershoot.left > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + + +entry headerbar popover.background entry undershoot.right > undershoot.right, +headerbar popover.background entry entry undershoot.right > undershoot.right, +entry undershoot.right > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + + +entry headerbar popover.background entry.error, +headerbar popover.background entry entry.error, +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(245, 42, 101, 0.1); + color: rgba(245, 42, 101, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(245, 42, 101, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #f52a65; + outline: 2px solid #f52a65; + outline-offset: -2px; +} + + +entry headerbar popover.background entry.error:drop(active), +headerbar popover.background entry entry.error:drop(active), +entry headerbar popover.background entry.error:hover:not(:focus-within), +headerbar popover.background entry entry.error:hover:not(:focus-within), +entry.error:drop(active), +entry.error:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #f52a65; + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry.error:disabled, +headerbar popover.background entry entry.error:disabled, +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(245, 42, 101, 0.1); + color: rgba(245, 42, 101, 0.35); + outline: none; +} + + +entry headerbar popover.background entry.error > text > selection, +headerbar popover.background entry entry.error > text > selection, +entry.error > text > selection { + background-color: rgba(245, 42, 101, 0.25); + color: #f52a65; +} + + +entry headerbar popover.background entry.error image, +headerbar popover.background entry entry.error image, +entry.error image { + color: rgba(245, 42, 101, 0.75); +} + + +entry headerbar popover.background entry.error image:hover, +headerbar popover.background entry entry.error image:hover, +entry headerbar popover.background entry.error image:active, +headerbar popover.background entry entry.error image:active, +entry.error image:hover, +entry.error image:active { + color: #f52a65; +} + + +entry headerbar popover.background entry.error image:disabled, +headerbar popover.background entry entry.error image:disabled, +entry.error image:disabled { + color: rgba(245, 42, 101, 0.35); +} + + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(140, 108, 62, 0.1); + color: rgba(140, 108, 62, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(140, 108, 62, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #8c6c3e; + outline: 2px solid #8c6c3e; + outline-offset: -2px; +} + + +entry headerbar popover.background entry.warning:drop(active), +headerbar popover.background entry entry.warning:drop(active), +entry headerbar popover.background entry.warning:hover:not(:focus-within), +headerbar popover.background entry entry.warning:hover:not(:focus-within), +entry.warning:drop(active), +entry.warning:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #8c6c3e; + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry.warning:disabled, +headerbar popover.background entry entry.warning:disabled, +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(140, 108, 62, 0.1); + color: rgba(140, 108, 62, 0.35); + outline: none; +} + + +entry headerbar popover.background entry.warning > text > selection, +headerbar popover.background entry entry.warning > text > selection, +entry.warning > text > selection { + background-color: rgba(140, 108, 62, 0.25); + color: #8c6c3e; +} + + +entry headerbar popover.background entry.warning image, +headerbar popover.background entry entry.warning image, +entry.warning image { + color: rgba(140, 108, 62, 0.75); +} + + +entry headerbar popover.background entry.warning image:hover, +headerbar popover.background entry entry.warning image:hover, +entry headerbar popover.background entry.warning image:active, +headerbar popover.background entry entry.warning image:active, +entry.warning image:hover, +entry.warning image:active { + color: #8c6c3e; +} + + +entry headerbar popover.background entry.warning image:disabled, +headerbar popover.background entry entry.warning image:disabled, +entry.warning image:disabled { + color: rgba(140, 108, 62, 0.35); +} + + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(56, 112, 104, 0.1); + color: rgba(56, 112, 104, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(56, 112, 104, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #387068; + outline: 2px solid #387068; + outline-offset: -2px; +} + + +entry headerbar popover.background entry.success:drop(active), +headerbar popover.background entry entry.success:drop(active), +entry headerbar popover.background entry.success:hover:not(:focus-within), +headerbar popover.background entry entry.success:hover:not(:focus-within), +entry.success:drop(active), +entry.success:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #387068; + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(56, 112, 104, 0.1); + color: rgba(56, 112, 104, 0.35); + outline: none; +} + + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(56, 112, 104, 0.25); + color: #387068; +} + + +entry headerbar popover.background entry.success image, +headerbar popover.background entry entry.success image, +entry.success image { + color: rgba(56, 112, 104, 0.75); +} + + +entry headerbar popover.background entry.success image:hover, +headerbar popover.background entry entry.success image:hover, +entry headerbar popover.background entry.success image:active, +headerbar popover.background entry entry.success image:active, +entry.success image:hover, +entry.success image:active { + color: #387068; +} + + +entry headerbar popover.background entry.success image:disabled, +headerbar popover.background entry entry.success image:disabled, +entry.success image:disabled { + color: rgba(56, 112, 104, 0.35); +} + + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid var(--color13); + background-color: transparent; +} + + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: var(--color0); +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(233, 233, 237, 0.12); + color: var(--color7); +} + +.entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(233, 233, 237, 0.7); +} + +editablelabel > stack > text { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(233, 233, 237, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + 0% { + background-color: var(--color13); + box-shadow: 0 0 0px var(--color13); + opacity: 0.8; + } + 100% { + background-color: transparent; + box-shadow: 0 0 12px 4px var(--color13); + opacity: 0; + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.7); +} + +infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.5); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button { + background-color: var(--color0); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:checked { + background-color: rgba(26, 27, 38, 0.87); + color: #e1e2e7; +} + +tabbar tab:not(:selected) button.image-button.tab-close-button, +dnd tab:not(:selected) button.image-button.tab-close-button, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button, notebook > header menubutton > button.flat { + color: rgba(26, 27, 38, 0.6); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:hover, +dnd tab:not(:selected) button.image-button.tab-close-button:hover, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:hover, notebook > header menubutton > button.flat:hover, tabbar tab:not(:selected) button.image-button.tab-close-button:active, +dnd tab:not(:selected) button.image-button.tab-close-button:active, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:active, notebook > header menubutton > button.flat:active, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, tabbar notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +dnd notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header > tabs > tab:not(:checked):not(:selected) button.keyboard-activating.small-button, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header > tabs > tab:not(:checked):not(:selected) button.keyboard-activating.small-button, tabbar notebook > header > tabs > tab:not(:checked):not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, +dnd notebook > header > tabs > tab:not(:checked):not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, notebook > header menubutton > button.flat:focus:not(:hover):not(:active) tabbar tab:not(:selected) button.keyboard-activating.image-button.tab-close-button, tabbar tab:not(:selected) notebook > header menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +notebook > header menubutton > button.flat:focus:not(:hover):not(:active) dnd tab:not(:selected) button.keyboard-activating.image-button.tab-close-button, +dnd tab:not(:selected) notebook > header menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, notebook > header > tabs > tab:not(:checked):not(:selected) menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.small-button, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, notebook > header tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, tabbar tab:not(:selected) notebook > header button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, +notebook > header dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, +dnd tab:not(:selected) notebook > header button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, notebook > header menubutton > button.flat:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat { + color: rgba(26, 27, 38, 0.87); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:checked, +dnd tab:not(:selected) button.image-button.tab-close-button:checked, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:checked, notebook > header menubutton > button.flat:checked { + background-color: rgba(26, 27, 38, 0.87); + color: #e1e2e7; +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:disabled, +dnd tab:not(:selected) button.image-button.tab-close-button:disabled, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:disabled, notebook > header menubutton > button.flat:disabled { + color: rgba(26, 27, 38, 0.3); +} + +headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: var(--color7); +} + +headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus { + outline: 2px solid rgba(39, 161, 185, 0.35); + outline-offset: 0; +} + +headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.5); + outline-color: transparent; +} + +headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked { + background-color: var(--color13); + color: var(--color7); +} + +headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: #2bb3ce; + color: var(--color7); +} + +headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(39, 161, 185, 0.35); + color: rgba(233, 233, 237, 0.5); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(233, 233, 237, 0.7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: var(--color7); + outline: 2px solid transparent; + /* outline: 2px solid $fill; */ + outline-offset: -2px; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(233, 233, 237, 0.32); + background-color: transparent; +} + +#NautilusPathButton, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, .app-notification button, .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, +splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, +splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, +splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(233, 233, 237, 0.7); +} + +#NautilusPathButton:focus:not(:hover):not(:active), filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), +splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), +splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), +splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + color: var(--color7); + outline: 2px solid transparent; + /* outline: 2px solid $fill; */ + outline-offset: -2px; +} + +#NautilusPathButton:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, +splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, +splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, +splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +#NautilusPathButton:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, +splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, +splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, +splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +#NautilusPathButton:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, +splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, +splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, +splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled { + color: rgba(233, 233, 237, 0.32); + background-color: transparent; +} + +#NautilusPathButton:checked, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +#NautilusPathButton:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, +splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, +splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, +splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(233, 233, 237, 0.5); +} + +button.opaque { + box-shadow: none; +} + +.osd button.opaque:focus:focus-visible { + outline-color: rgba(233, 233, 237, 0.15); +} + +button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +button.keyboard-activating.opaque, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +button.opaque:checked.keyboard-activating, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +.nautilus-window .floating-bar button, placessidebar list.navigation-sidebar > row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 9px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button separator { + margin: 4px 1px; +} + +button.opaque { + background-color: #43444e; + color: var(--color7); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +button.text-button.image-button > box, +button.text-button.image-button > box > box, button.image-text-button > box, +button.image-text-button > box > box { + border-spacing: 4px; +} + +button.text-button.image-button > box > label, +button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.image-text-button > box > box > label { + padding-left: 2px; + padding-right: 2px; +} + +button.text-button.image-button label:first-child, button.image-text-button label:first-child { + margin-left: 11px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 7px; +} + +button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { + margin: 0 4px; +} + +button.arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.arrow-button > box { + border-spacing: 4px; +} + +button.arrow-button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.arrow-button.text-button > box { + border-spacing: 6px; +} + +menubutton.pill > button, button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-color: var(--color0); + background-clip: padding-box; + font-weight: inherit; + border: 1px solid rgba(233, 233, 237, 0.12); + background-clip: border-box; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button.card.keyboard-activating, button.card:active { + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button.card:checked { + background-image: none; + background-color: var(--color13); + color: var(--color7); + border-color: var(--color13); +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: #2bb3ce; + color: var(--color7); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(39, 161, 185, 0.35); + color: rgba(233, 233, 237, 0.5); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: #ff9e64; + box-shadow: inset 0 0 0 1px #ff9e64; +} + +.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + background-color: alpha(currentColor, 0.05); +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > menubutton > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 5px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: var(--color7); +} + +button.osd > image { + padding: 0; +} + +button.osd.remove-button { + padding: 0; +} + +button.osd:focus { + outline-color: transparent; +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.45); + color: var(--color7); +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: var(--color7); +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(233, 233, 237, 0.35); +} + +button.suggested-action { + background-color: #2e7de9; + color: var(--color7); + box-shadow: none; +} + +button.suggested-action:hover { + background-color: #4188e9; +} + +button.suggested-action:disabled { + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.5); + outline-color: transparent; +} + +button.suggested-action:checked { + background-color: #669dea; +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(46, 125, 233, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #2e7de9; +} + +button.suggested-action.flat:disabled { + color: rgba(233, 233, 237, 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(46, 125, 233, 0.3); +} + +button.destructive-action { + background-color: #f52a65; + color: var(--color7); + box-shadow: none; +} + +button.destructive-action:hover { + background-color: #f43d73; +} + +button.destructive-action:disabled { + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.5); + outline-color: transparent; +} + +button.destructive-action:checked { + background-color: #f1638e; +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(245, 42, 101, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f52a65; +} + +button.destructive-action.flat:disabled { + color: rgba(233, 233, 237, 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(245, 42, 101, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #2e7de9; + color: var(--color7); +} + +menubutton.destructive-action { + background-color: #f52a65; + color: var(--color7); +} + +menubutton.opaque { + background-color: #43444e; + color: var(--color7); +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 12px; +} + +menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { + border-radius: 9999px; +} + +menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { + background-color: transparent; + color: inherit; +} + +menubutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 6px; +} + +menubutton arrow { + min-height: 16px; + min-width: 16px; +} + +menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); +} + +menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +splitbutton { + border-radius: 12px; +} + +splitbutton, splitbutton > separator { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background-color; +} + +splitbutton > separator { + min-width: 0; + margin-top: 6px; + margin-bottom: 6px; + background-color: transparent; + background: none; +} + +splitbutton > menubutton > button { + padding: 5px 9px; +} + +splitbutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 6px; +} + +splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { + padding-left: 9px; + padding-right: 9px; +} + +splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { + border-spacing: 6px; +} + +splitbutton > button:dir(ltr), +splitbutton > menubutton > button:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + margin-right: 0; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +splitbutton.flat > separator { + background: rgba(233, 233, 237, 0.12); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.07); +} + +splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { + background: none; +} + +splitbutton.flat:focus-within:focus-visible > separator { + background: none; +} + +splitbutton.flat > button, +splitbutton.flat > menubutton > button { + border-radius: 12px; +} + +splitbutton.suggested-action { + background-color: #2e7de9; + color: var(--color7); +} + +splitbutton.destructive-action { + background-color: #f52a65; + color: var(--color7); +} + +splitbutton.opaque { + background-color: #43444e; + color: var(--color7); +} + +splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button, +splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button, +splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button, +splitbutton.opaque > menubutton > button:checked { + color: inherit; + background-color: transparent; +} + +splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { + box-shadow: inset 1px 0 rgba(233, 233, 237, 0.12); +} + +splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { + box-shadow: inset -1px 0 rgba(233, 233, 237, 0.12); +} + +splitbutton > menubutton > button > arrow.none { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +buttoncontent { + border-spacing: 6px; +} + +buttoncontent > label { + font-weight: bold; +} + +buttoncontent > label:dir(ltr) { + padding-right: 2px; +} + +buttoncontent > label:dir(rtl) { + padding-left: 2px; +} + +.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { + padding-right: 0; +} + +.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { + padding-left: 0; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +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; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 12px; +} + +.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 12px; +} + +.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical button:not(:first-child) { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical button:not(:last-child) { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical menubutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical menubutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical dropdown:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical dropdown:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical colorbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical colorbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical fontbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical fontbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical tabbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical tabbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical entry:not(:first-child) { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical entry:not(:last-child) { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + + +list > row button.image-button:not(.flat) { + background-color: transparent; + box-shadow: none; + border: none; +} + + +list > row button.image-button:not(.flat):hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #2e7de9; + color: var(--color7); +} + +list > row button.image-button:not(.flat).destructive-action { + background-color: #f52a65; + color: var(--color7); +} + +/********* + * Links * + *********/ +link { + color: #4aafca; +} + +link:visited { + color: #7847bd; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #4aafca; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #7847bd; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 12px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(233, 233, 237, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +spinbutton:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color7); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(233, 233, 237, 0.5); + outline: none; +} + +spinbutton > text { + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + margin: 0; +} + +spinbutton > button { + border: none; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 30px; + padding-left: 12px; +} + +spinbutton:not(.vertical) > button { + padding: 0; + margin: 6px; +} + +spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 3px; +} + +spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 3px; +} + +cell.activatable spinbutton:not(.vertical) { + margin: 3px 0; +} + +cell.activatable spinbutton:not(.vertical) > button { + margin: 0; + padding: 0; + min-height: 24px; + border-radius: 0; +} + +cell.activatable spinbutton:not(.vertical) > button:last-child { + border-radius: 0 12px 12px 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 0; +} + +spinbutton.vertical > text { + min-height: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 8px; +} + +/************** + * ComboBoxes * + **************/ +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 button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: -1px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -1px; +} + +dropdown popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: var(--color7); + background-color: alpha(currentColor, 0.06); +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; +} + +dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child), +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -34px; + padding-right: 34px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -34px; + padding-left: 34px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 4px; + border-radius: 12px; +} + +.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.combo:only-child { + border-radius: 12px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(233, 233, 237, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +button.combo:only-child:focus { + color: var(--color7); + outline: 2px solid transparent; + /* outline: 2px solid $fill; */ + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +button.combo:only-child:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +button.combo:only-child:disabled { + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.5); + outline-color: transparent; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + border-spacing: 6px; +} + +.toolbar .linked button:not(:hover):not(:active):not(:checked):not(:disabled) { + background-color: rgba(233, 233, 237, 0.04); +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), inset 0 1px rgba(233, 233, 237, 0.1); + background-color: #292e42; + color: var(--color7); + border: none; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, .toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +.toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator { + margin: 2px; +} + +.toolbar entry, +.toolbar splitbutton, +.toolbar button, +.toolbar scalebutton { + border-radius: 9px; +} + +.toolbar entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border: none; + background-color: transparent; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.7); + /* background-color: if( */ + /* $variant == 'light', */ + /* rgba($base_alt, 0.4), */ + /* $titlebar-fill */ + /* ); */ + background-color: transparent; + border-radius: 12px; + border: none; + outline: none; +} + +headerbar .linked > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +headerbar .linked > button:first-child:not(.suggested-action):not(.destructive-action) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +headerbar .linked > button:last-child:not(.suggested-action):not(.destructive-action) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +headerbar .linked > button:only-child:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar button:hover:not(.suggested-action):not(.destructive-action) { + background-color: rgba(233, 233, 237, 0.12); +} + +headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action) { + color: var(--color7); + outline: none; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.32); +} + +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + background-color: var(--color13); + color: rgba(26, 27, 38, 0.87); + outline: none; +} + +headerbar button:checked:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 1000px rgba(26, 27, 38, 0.04); + color: rgba(26, 27, 38, 0.87); +} + +headerbar button:checked:focus:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.87); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: rgba(225, 226, 231, 0.5); + color: rgba(26, 27, 38, 0.38); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.5); +} + +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.32); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.6); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.3); +} + +headerbar entry { + background-color: rgba(233, 233, 237, 0.04); + color: var(--color7); + border-radius: 12px; +} + +headerbar entry:disabled { + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.5); +} + +headerbar entry image { + color: rgba(233, 233, 237, 0.7); +} + +headerbar entry image:hover, headerbar entry image:active { + color: var(--color7); +} + +headerbar entry image:disabled { + color: rgba(233, 233, 237, 0.5); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: var(--color7); + min-height: 46px; + border: none; + box-shadow: none; + padding: 0; + margin: 0; +} + +headerbar:disabled { + color: rgba(233, 233, 237, 0.5); +} + +headerbar:backdrop { + background-color: transparent; + color: rgba(233, 233, 237, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(233, 233, 237, 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + box-shadow: none; + transition: none; +} + +headerbar .title { + /* padding: 0 $space-size * 2; */ + padding: 0; + margin: 0 -20px; + font-weight: bold; +} + +headerbar .subtitle { + /* padding: 0 $space-size * 2; */ + padding: 0; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander image.expander-row-arrow, +row.expander headerbar image.expander-row-arrow, +headerbar row label.subtitle, +row headerbar label.subtitle { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(233, 233, 237, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(233, 233, 237, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(233, 233, 237, 0.12); +} + +headerbar > windowhandle > box { + padding: 0 12px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0; + margin-bottom: 0; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.5); + opacity: 1; +} + +headerbar splitbutton { + /* background-color: if( */ + /* $variant == 'light', */ + /* rgba($base_alt, 0.4), */ + /* $titlebar-fill */ + /* ); */ + background-color: transparent; + border-radius: 12px; +} + +headerbar splitbutton button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +headerbar splitbutton > separator { + background-color: transparent; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar stackswitcher { + background-color: rgba(233, 233, 237, 0.04); +} + +headerbar stackswitcher:checked { + background-color: #e1e2e7; + color: rgba(26, 27, 38, 0.87); +} + +headerbar stackswitcher:checked:hover { + background-color: #fdfdfe; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar popover.background button.suggested-action:disabled, +headerbar popover.background button.destructive-action:disabled { + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.5); +} + +headerbar popover.background entry, +headerbar popover.background spinbutton, +headerbar popover.background button, +headerbar popover.background menubutton, +headerbar popover.background stackswitcher { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + background-color: rgba(233, 233, 237, 0.12); +} + +headerbar switch { + margin: 11px 6px; +} + +headerbar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: var(--color13); + color: var(--color7); +} + +headerbar.selection-mode:backdrop { + color: rgba(233, 233, 237, 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: var(--color7); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +headerbar.default-decoration { + min-height: 34px; + padding: 0; + margin: 0; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(233, 233, 237, 0.1); + border: none; + outline: none; +} + +.solid-csd headerbar.default-decoration, .maximized headerbar.default-decoration { + border-radius: 0; + box-shadow: none; +} + +window > .titlebar:not(.flat) { + box-shadow: none; +} + +window > .titlebar headerbar:not(.flat) { + box-shadow: none; +} + +window.devel headerbar { + background: var(--color0) cross-fade(10%-gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 161, 185, 0.1)), linear-gradient(to top, #20212f 3px, #242635); +} + +window.devel headerbar:backdrop { + background: var(--color0) cross-fade(10%-gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(var(--color0)); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 5px; + padding-right: 5px; + border-radius: 12px; + background-color: alpha(currentColor, 0.08); + border: none; + box-shadow: none; +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + + +pathbar > button:checked:hover { + background-color: alpha(currentColor, 0.16); + color: var(--color7); +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.7); + border: none; + border-radius: 12px; + padding: 2px; +} + +headerbar .pathbar { + margin-top: 6px; + margin-bottom: 6px; + background-color: rgba(233, 233, 237, 0.04); + color: rgba(233, 233, 237, 0.7); +} + +.pathbar > button { + margin-top: 0; + margin-bottom: 0; + min-height: 20px; + border-radius: 10px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4b4c5f; + border-top-color: #4b4c5f; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(233, 233, 237, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + 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: rgba(233, 233, 237, 0.7); +} + +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: var(--color7); +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: var(--color7); +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: var(--color7); +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(233, 233, 237, 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid var(--color13); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.progressbar:selected:hover, +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 6px solid rgba(233, 233, 237, 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.trough:selected:hover, +treeview.view.trough:selected:hover { + box-shadow: none; +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: solid; + border-width: 0 1px 0 0; + border-color: transparent; + border-radius: 0; + background-clip: border-box; + border-image: linear-gradient(to bottom, transparent 20%, rgba(233, 233, 237, 0.12) 20%, rgba(233, 233, 237, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(233, 233, 237, 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: transparent; +} + +columnview.view > header > button:last-child, columnview.view > header > button:only-child, +treeview.view > header > button:last-child, +treeview.view > header > button:only-child { + border-right: none; + border-image: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(233, 233, 237, 0.12); + border-radius: 0; + box-shadow: none; + background-color: var(--color0); + background-clip: border-box; + color: var(--color13); +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: var(--color13); +} + +stack.view treeview.view { + min-height: 34px; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: var(--color0); + color: var(--color7); +} + +menubar:backdrop { + background-color: var(--color0); + color: rgba(233, 233, 237, 0.7); +} + +.csd menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(233, 233, 237, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +menubar > item:disabled { + color: rgba(233, 233, 237, 0.32); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 9px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: var(--color7); + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; + transition: none; + border-radius: 12px; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background-image: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; + border-radius: 12px; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: alpha(currentColor, 0.06); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: 0; + margin-right: 0; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 0; + margin-right: 0; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: var(--color0); + border-radius: 12px; + color: var(--color7); + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +popover > arrow { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +popover > contents > list, +popover > contents > .view, +popover > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover > contents separator { + background-color: rgba(233, 233, 237, 0.12); + margin: 15px 10px; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 12px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: var(--color0); +} + +popover button, +popover entry, +popover combobox { + border-radius: 12px; +} + +popover .linked > button:not(.radio) { + border-radius: 0; +} + +popover .linked > button:not(.radio):first-child { + border-radius: 12px 0 0 12px; +} + +popover .linked > button:not(.radio):last-child { + border-radius: 0 12px 12px 0; +} + +popover .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: var(--color7); + font: initial; + border-radius: 12px; +} + +popover modelbutton:hover { + transition: none; + background-color: rgba(233, 233, 237, 0.04); + color: var(--color13); +} + +popover modelbutton:hover accelerator { + color: var(--color13); +} + +popover modelbutton:hover accelerator:disabled { + color: rgba(233, 233, 237, 0.5); +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(233, 233, 237, 0.5); +} + +popover modelbutton accelerator { + color: rgba(233, 233, 237, 0.5); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(233, 233, 237, 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: var(--color0); +} + +/************* + * Notebooks * + *************/ +tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: var(--color7); + font-weight: 500; + border-radius: 9px; +} + +tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: rgba(233, 233, 237, 0.04); + color: var(--color13); + box-shadow: none; +} + +tabbar tab:disabled, notebook > header > tabs > tab:disabled { + color: rgba(26, 27, 38, 0.3); +} + +tabbar tab:active, notebook > header > tabs > tab:active { + background-color: var(--color0); + color: var(--color7); + box-shadow: none; +} + +tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(233, 233, 237, 0.04); + color: var(--color13); + box-shadow: none; +} + +tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled { + color: rgba(233, 233, 237, 0.5); +} + +notebook, notebook.frame { + background-color: rgba(233, 233, 237, 0.04); + border-radius: 9px; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(233, 233, 237, 0.04); +} + +notebook > header { + border: none; + background-color: rgba(233, 233, 237, 0.04); + margin: 3px; + border-radius: 12px; +} + +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 { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: 0; + -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 { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 12px; +} + +notebook > header > tabs > tab { + margin: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(233, 233, 237, 0.12); + color: var(--color7); +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.small-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) { + margin-right: 0; +} + +notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left > tabs, notebook > header.right > tabs { + padding-top: 0; + padding-bottom: 0; +} + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +tabbar > revealer > box { + box-shadow: none; +} + +tabbar .box { + min-height: 34px; + background-color: rgba(233, 233, 237, 0.04); + background-image: none; + padding: 0; + margin: 3px; + border-radius: 12px; + border: none; + box-shadow: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(233, 233, 237, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox { + padding: 3px 3px 3px 0; +} + +tabbar scrolledwindow.pinned tabbox > tabboxchild { + margin: 0; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(233, 233, 237, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(233, 233, 237, 0.12); +} + +tabbar scrolledwindow:not(.pinned) tabbox { + padding: 3px 0; +} + +tabbar scrolledwindow:not(.pinned) tabbox > tabboxchild { + margin: 0 -2px; +} + +tabbar scrolledwindow:not(.pinned) tabbox > tabboxchild + separator + tabboxchild { + margin-left: 0; +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar tabbox { + background-color: transparent; + background-image: none; + padding: 0; + margin: 0; + border: none; + box-shadow: none; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tabbox > separator { + margin: 9px 0; + min-width: 1px; + background-color: rgba(26, 27, 38, 0.12); + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > tabboxchild { + padding: 0; +} + +tabbar tabbox > tabboxchild > tab { + margin: 0; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(233, 233, 237, 0.04); + background-clip: padding-box; + border-color: rgba(233, 233, 237, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(233, 233, 237, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: var(--color0); +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(var(--color0), 0.6); + border-color: rgba(233, 233, 237, 0.12); +} + +dnd tab { + min-height: 24px; + background-color: var(--color0); + color: var(--color7); + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(26, 27, 38, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabbar tab button.image-button.tab-close-button, +dnd tab button.image-button.tab-close-button { + margin-right: -3px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: var(--color0); + box-shadow: none; + outline: none; +} + +scrollbar.top { + border-bottom: 1px solid transparent; +} + +scrollbar.bottom { + border-top: 1px solid transparent; +} + +scrollbar.left { + border-right: 1px solid transparent; +} + +scrollbar.right { + border-left: 1px solid transparent; +} + +scrollbar > range > trough { + outline: none; + background: none; +} + +scrollbar > range > trough > slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + box-shadow: none; + outline: none; + background-color: var(--color0); +} + +scrollbar > range > trough > slider:hover { + background-color: #292e42; +} + +scrollbar > range > trough > slider:active { + background-color: #292e42; +} + +scrollbar > range > trough > slider:disabled { + background-color: var(--color0); +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 2px 0; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider { + transition-property: background-color, min-height, min-width; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: 1px solid rgba(50, 52, 73, 0.3); + border-radius: 9999px; + background-color: rgba(233, 233, 237, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(233, 233, 237, 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: var(--color0); +} + +scrollbar.horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 3px; + border: none; + border-radius: 12px; + background-color: rgba(233, 233, 237, 0.5); +} + +switch:checked { + background-color: var(--color13); +} + +switch:disabled { + opacity: 0.5; +} + +switch > image { + color: transparent; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + background-color: var(--color0); + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(233, 233, 237, 0.6), 0 3px 3px -2px transparent, 0 2px 3px -1px transparent, 0 1px 4px 0 transparent; +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + border: none; + color: transparent; + background-color: rgba(233, 233, 237, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(233, 233, 237, 0.04); + background-color: rgba(233, 233, 237, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(233, 233, 237, 0.12); + background-color: rgba(233, 233, 237, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(233, 233, 237, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(233, 233, 237, 0.7); + background-color: var(--color13); +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(39, 161, 185, 0.15); + background-color: #3dbdd6; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(39, 161, 185, 0.2); + background-color: var(--color13); +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(233, 233, 237, 0.7); + background-color: rgba(39, 161, 185, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-checked-symbolic@2.svg"))); +} + + +popover.menu check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/small-radio-checked-symbolic@2.svg"))); +} + + +popover.menu radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, +treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, +treeview.view:hover radio, treeview.view:selected check, +treeview.view:selected radio, treeview.view:focus check, +treeview.view:focus radio, +columnview.view:hover check, +columnview.view:hover radio, +columnview.view:selected check, +columnview.view:selected radio, +columnview.view:focus check, +columnview.view:focus radio { + box-shadow: none; +} + +treeview.view:hover check:checked, +treeview.view:hover radio:checked, treeview.view:selected check:checked, +treeview.view:selected radio:checked, treeview.view:focus check:checked, +treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: var(--color7); + background-color: var(--color13); +} + +checkbutton.selection-mode { + border-radius: 9999px; +} + +checkbutton.selection-mode check, +checkbutton.selection-mode radio { + padding: 6px; + border-radius: 9999px; +} + +checkbutton.selection-mode check:checked, checkbutton.selection-mode check:indeterminate, +checkbutton.selection-mode radio:checked, +checkbutton.selection-mode radio:indeterminate { + color: var(--color7); + background-color: var(--color13); +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 6px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 6px; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(233, 233, 237, 0.3); +} + +scale > trough:disabled { + background-color: rgba(233, 233, 237, 0.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(var(--color13)); +} + +scale > trough > highlight:disabled { + background-color: var(--color0); + background-image: image(rgba(233, 233, 237, 0.32)); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: var(--color13); + background-color: var(--color0); + box-shadow: inset 0 0 0 2px var(--color13); +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px var(--color13), 0 0 0 8px rgba(233, 233, 237, 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px var(--color13), 0 0 0 8px rgba(233, 233, 237, 0.12); +} + +scale > trough > slider:disabled { + box-shadow: inset 0 0 0 2px rgba(233, 233, 237, 0.32); +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +scale.fine-tune > trough > slider { + margin: -7px; +} + +scale > marks, +scale > value { + color: rgba(233, 233, 237, 0.7); +} + +scale indicator { + background-color: rgba(233, 233, 237, 0.3); + color: transparent; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(45deg); + border-bottom-right-radius: 0; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(233, 233, 237, 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: rgba(233, 233, 237, 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: var(--color13); +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; + box-shadow: none; + margin: 0; + padding: 0; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: var(--color13); +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: #8c6c3e; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: var(--color13); +} + +levelbar block.full { + background-color: #387068; +} + +levelbar block.empty { + background-color: rgba(233, 233, 237, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: var(--color7); + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(233, 233, 237, 0.12); + background-color: var(--color0); + color: var(--color7); +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(233, 233, 237, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 12px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 12px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: none; + background-color: var(--color0); + background-clip: border-box; + border: none; + color: var(--color7); +} + +actionbar > revealer > box button, +actionbar > revealer > box entry, +actionbar > revealer > box menubutton, +actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, +actionbar > revealer > box splitbutton > button, +actionbar > revealer > box spinbutton { + margin: 0; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + border-radius: 0px 0px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 0px 0px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +scrolledwindow > undershoot { + background-image: none; + box-shadow: none; + border: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: transparent; +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer, separator.sidebar { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********* + * Lists * + *********/ +list.content, +list.boxed-list { + border-radius: 12px; + box-shadow: none; + border: none; + background-color: transparent; +} + +list.content > row, +list.boxed-list > row { + border: none; + border-radius: 3px; + background-color: rgba(233, 233, 237, 0.04); +} + +list.content > row:hover, +list.boxed-list > row:hover, list.content > row.has-open-popup, +list.boxed-list > row.has-open-popup, list.content > row:focus, +list.boxed-list > row:focus { + background-color: rgba(233, 233, 237, 0.04); +} + +list.content > row:active, +list.boxed-list > row:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:first-child), +list.boxed-list > row:not(:first-child) { + margin-top: 3px; +} + +list.content > row:first-child, +list.boxed-list > row:first-child { + border-radius: 12px 12px 3px 3px; +} + +list.content > row:last-child, +list.boxed-list > row:last-child { + border-radius: 3px 3px 12px 12px; +} + +list.content > row:only-child, +list.boxed-list > row:only-child { + border-radius: 12px; +} + +listview, +list { + border-color: rgba(233, 233, 237, 0.12); + background-color: rgba(233, 233, 237, 0.04); + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(233, 233, 237, 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(233, 233, 237, 0.12); +} + +leaflet scrolledwindow listview, leaflet scrolledwindow list { + background-color: transparent; +} + +list.frame { + border-radius: 12px; +} + +listview.view { + color: var(--color7); + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 12px; +} + +row { + color: rgba(233, 233, 237, 0.7); + background-clip: padding-box; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + min-height: 46px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; +} + +.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: var(--color7); + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: var(--color7); + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: var(--color7); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: var(--color7); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: inherit; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected image, +row:selected label { + color: var(--color7); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(233, 233, 237, 0.5); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 9px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title { + padding: 0; + font-weight: bold; + color: var(--color7); +} + +row > box.header > box.title > .subtitle { + padding: 2px 0; + font-weight: normal; + color: rgba(233, 233, 237, 0.7); +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.entry .edit-icon, +row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.entry.error text > selection:focus-within { + background-color: alpha(#f52a65, 0.2); +} + +row.entry.error text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.warning text > selection:focus-within { + background-color: alpha(#8c6c3e, 0.2); +} + +row.entry.warning text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.success text > selection:focus-within { + background-color: alpha(#387068, 0.2); +} + +row.entry.success text > cursor-handle > contents { + background-color: currentColor; +} + +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.45); +} + +row.combo listview.inline { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +row.combo listview.inline, row.combo listview.inline:disabled { + background: none; + color: inherit; +} + +row.combo popover > contents { + min-width: 120px; +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; + background-color: transparent; +} + +row.expander list.nested > row { + background-color: transparent; + border: none; + background-image: none; + transition: none; + animation: none; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: var(--color13); +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +list.content > row.expander row.header, +list.boxed-list > row.expander row.header { + background-color: transparent; + border: none; + box-shadow: none; +} + +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +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: rgba(233, 233, 237, 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid var(--color13); +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: var(--color7); + background-color: var(--color13); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: var(--color13); +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(233, 233, 237, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover, expander:active { + color: var(--color7); +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(233, 233, 237, 0.32); +} + +expander-widget > box > title { + border-radius: 12px; +} + +expander-widget > box > title:hover > expander { + color: rgba(233, 233, 237, 0.7); +} + +.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 * + ************/ +calendar { + padding: 0; + border: 1px solid rgba(233, 233, 237, 0.12); + border-radius: 12px; + color: var(--color7); +} + +calendar:disabled { + color: rgba(233, 233, 237, 0.5); +} + +calendar:selected { + border-radius: 12px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(233, 233, 237, 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +calendar > grid > label { + border-radius: 12px; + margin: 0; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 6px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button { + border-radius: 9px; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +window.dialog.message.background { + background-color: #292e42; +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 6px; + border-spacing: 24px; +} + +window.dialog.message box.dialog-vbox.vertical > box.vertical { + margin-bottom: 6px; +} + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(233, 233, 237, 0.1); + background-color: #292e42; + color: var(--color7); +} + +window.dialog.message .titlebar:backdrop { + background-color: #292e42; + color: rgba(233, 233, 237, 0.7); +} + +window.dialog.message .dialog-action-area { + border: none; + margin: 0; + padding: 6px; + border-spacing: 6px; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + color: #2e7de9; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #f52a65; +} + +window.aboutdialog.background.csd scrolledwindow.frame, +window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text { + border-radius: 12px; +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: #292e42; + color: var(--color7); + padding: 6px; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area { + border-spacing: 6px; +} + +window.messagedialog .response-area button.suggested { + color: var(--color13); +} + +window.messagedialog .response-area button.destructive { + color: #f52a65; +} + +window.messagedialog .response-area separator { + background: none; + margin: 3px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + color: inherit; +} + +leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 6px; + background-color: transparent; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; + transition: background 0.25s ease, color 0.25s ease; +} + +stacksidebar row:selected { + font-weight: 600; + background-image: linear-gradient(to left, @sidebar_backdrop_color, @view_bg_color); +} + +stacksidebar row + row { + margin-top: 3px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(233, 233, 237, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(233, 233, 237, 0.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + /* padding: $space-size - 4 $space-size - 2; //only vertical padding. horizontal row size would clip */ + padding: 0 6px; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.background { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar > separator { + background-color: rgba(233, 233, 237, 0.12); + margin: 10px 15px; +} + +.navigation-sidebar row.activatable label.dim-label { + color: rgba(233, 233, 237, 0.32); +} + +.navigation-sidebar > row { + min-height: 24px; + /* padding: 0 $space-size 0 $space-size; */ + padding: 0 6px; + border-radius: 9px; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:active { + background-color: alpha(currentColor, 0.12); +} + +.navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + box-shadow: none; +} + +.navigation-sidebar > row:selected label, +.navigation-sidebar > row:selected image { + color: var(--color13); + font-weight: 700; +} + +.navigation-sidebar > row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +.navigation-sidebar > row:disabled { + color: rgba(233, 233, 237, 0.5); +} + +.navigation-sidebar > row:not(:first-child) { + margin-top: 3px; +} + +/**************** + * File chooser * + ****************/ +filechooser paned > separator { + background: rgba(233, 233, 237, 0.12); +} + +filechooser paned > box #pathbarbox.view, +filechooser paned > box stack.view, +filechooser paned > box columnview.view, +filechooser paned > box gridview.view { + background-color: transparent; +} + +filechooser .dialog-action-box { + border: none; +} + +filechooser #pathbarbox { + border: none; + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +filechooser child.activatable filelistcell.dim-label { + color: rgba(233, 233, 237, 0.7); +} + +placessidebar { + background-color: transparent; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon { + color: inherit; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar list.navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row { + color: var(--color13); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: var(--color13); +} + +placessidebar list.navigation-sidebar > row:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#4b4c5f); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: var(--color0); + background-image: image(#4b4c5f), image(#4b4c5f); + 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; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 12px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(233, 233, 237, 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: var(--color0); + color: var(--color7); +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +) { + color: var(--color13); +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: transparent; + color: var(--color7); + border-radius: 9px; + border: none; +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: rgba(233, 233, 237, 0.04); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #8c6c3e; + color: var(--color7); +} + +infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.warning:hover > revealer > box { + background-color: #7a5e36; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #f52a65; + color: var(--color7); +} + +infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.error:hover > revealer > box { + background-color: #f41253; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(20, 21, 29, 0.9); + color: var(--color7); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + border-radius: 12px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: var(--color7); +} + +colorswatch.light { + color: rgba(26, 27, 38, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px var(--color13); +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; + color: var(--color7); +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(233, 233, 237, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(233, 233, 237, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(233, 233, 237, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1); + background-color: #292e42; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: var(--color0); +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + outline: none; + margin: 0; + transition: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; + transition: none; +} + +window.csd.maximized, window.csd.fullscreen { + box-shadow: none; + outline: none; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: var(--color0); + border: 1px solid #4b4c5f; +} + +window.solid-csd:backdrop { + background-color: var(--color0); +} + +window.ssd { + box-shadow: inset 0 1px rgba(233, 233, 237, 0.1); +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 22px; + min-width: 22px; + padding: 6px 0; + margin-left: 0px; + margin-right: 0px; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(233, 233, 237, 0.7); +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + background: none; + box-shadow: none; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.1); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.15); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.2); +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 6px; + margin-left: 6px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 6px; + margin-right: 6px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + border-radius: 100%; + padding: 0; +} + + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, .link selection, calendar > grid > label.today { + color: var(--color13); + background-color: rgba(39, 161, 185, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: var(--color7); + background-color: var(--color13); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: var(--color13); + -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg")); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(233, 233, 237, 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px rgba(233, 233, 237, 0.12); + background-color: #292e42; + color: var(--color7); + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: var(--color13); +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 15px; + background-color: rgba(233, 233, 237, 0.04); + border: none; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action) { + margin: 0; + border-radius: 9999px; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):checked { + background-color: #e1e2e7; + color: rgba(26, 27, 38, 0.87); +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):checked:hover { + box-shadow: none; + background-color: #fdfdfe; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + /* border-bottom: 1px solid $divider; */ + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 3px; + border-spacing: 0; + background: none; +} + +.emoji-toolbar > flowboxchild { + padding: 3px; +} + +.emoji-toolbar > flowboxchild > button { + padding: 6px; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 12px; +} + +button.emoji-section:checked { + color: var(--color13); +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor, 0.08); +} + +emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +emoji-completion-row > box { + border-spacing: 6px; + padding: 2px 6px; +} + +emoji-completion-row:focus, emoji-completion-row:hover, +emoji-completion-row emoji:hover, +emoji-completion-row emoji:focus { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window.view { + background-color: var(--color0); +} + +.nautilus-window .sidebar-pane { + background-color: var(--color0); + color: var(--color7); +} + +.nautilus-window .sidebar-pane:backdrop { + background-color: var(--color0); + transition: none; +} + +.nautilus-window placesview label { + color: rgba(233, 233, 237, 0.7); +} + +.nautilus-window flap > separator { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + /* @extend %content_style; */ +} + +.nautilus-window .nautilus-grid-view .view, +.nautilus-window .nautilus-list-view .view { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view row.activatable > cell, +.nautilus-window .nautilus-list-view row.activatable > cell { + padding: 0px; + margin: 0px; +} + +.nautilus-window .nautilus-grid-view gridview.view { + margin: 10px 5px; + padding: 10px 5px; +} + +.nautilus-window tabbar .box { + background-color: transparent; + box-shadow: none; + padding: 0; +} + +.nautilus-window tabbar .box:backdrop { + background-color: transparent; + box-shadow: none; +} + +.nautilus-window tabbox, .nautilus-window tabbox:backdrop { + transition: none; + background-color: transparent; +} + +.nautilus-window tabbox > tabboxchild > tab { + color: rgba(233, 233, 237, 0.7); +} + +.nautilus-window tabbox > tabboxchild > tab:hover { + background-color: rgba(233, 233, 237, 0.04); + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab:disabled { + color: rgba(233, 233, 237, 0.32); +} + +.nautilus-window tabbox > tabboxchild > tab:checked, .nautilus-window tabbox > tabboxchild > tab:selected { + background-color: rgba(233, 233, 237, 0.04); + color: var(--color13); + box-shadow: none; +} + +.nautilus-window tabbox > tabboxchild > tab:checked:disabled, .nautilus-window tabbox > tabboxchild > tab:selected:disabled { + color: rgba(233, 233, 237, 0.5); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button { + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button:hover, .nautilus-window tabbox > tabboxchild > tab button.tab-close-button:active { + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button:disabled { + color: var(--color7); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 9px; + background-color: rgba(50, 52, 73, 0.95); + color: var(--color13); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: var(--color7); +} + +.nautilus-window banner > revealer > widget { + color: var(--color7); + background-color: rgba(50, 52, 73, 0.5); + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget:hover { + background-color: var(--color0); + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget button { + color: var(--color7); + background-color: rgba(39, 161, 185, 0.3); +} + +.nautilus-window banner > revealer > widget button:hover { + background-color: rgba(39, 161, 185, 0.6); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; + padding: 3px; + margin-right: -5px; +} + +#NautilusQueryEditor > menubutton > button.image-button:checked image { + color: rgba(26, 27, 38, 0.87); +} + +#NautilusQueryEditor > text, +#NautilusQueryEditor > box, +#NautilusQueryEditor > menubutton { + margin: 3px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(233, 233, 237, 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar { + background-color: rgba(233, 233, 237, 0.04); + border-radius: 12px; + margin: 6px 0; +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 12px; +} + +#NautilusPathButton.current-dir { + color: var(--color13); +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusFileChooser gridview.view { + background-color: transparent; + margin: 10px 5px; + padding: 10px 5px; +} + +#NautilusFileChooser columnview.view, +row.activatable > cell { + background-color: transparent; + padding: 1px 10px; +} + +#NautilusProgressIndicator popover label { + color: rgba(233, 233, 237, 0.7); +} + +#NautilusProgressIndicator popover image { + color: rgba(233, 233, 237, 0.7); +} + +/* Nautilus Progress Indicator */ +windowhandle box.vertical box.toolbar { + background-color: var(--color0); + border: none; + outline: none; +} + +windowhandle box.toolbar menubutton button.toggle { + background-color: var(--color0); + border: none; + outline: none; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.display-container.card { + background-color: var(--color0); +} + +.small .display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: transparent; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(233, 233, 237, 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +leaflet button.number-button { + background-color: rgba(233, 233, 237, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(233, 233, 237, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(233, 233, 237, 0.3); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: var(--color13); +} + +label.secondary-label { + color: rgba(233, 233, 237, 0.5); +} + +toastoverlay datechooser.view, +toastoverlay agenda-view.view, +toastoverlay agenda-view.view list, +toastoverlay stack.view { + background-color: transparent; +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: var(--color13); + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(233, 233, 237, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(var(--color13), 0.3); +} + +popover.events { + background-color: #292e42; + padding: 0; +} + +popover.events box { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +popover.events list { + background-color: var(--color0); + border-radius: 12px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 12px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 12px; +} + +event.timed widget.edge { + border-radius: 6px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 6px 6px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 6px 0 0 6px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: var(--color0); +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +menubutton.flat.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.flat.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.flat.sources-button > button { + border-radius: 0 0 12px 12px; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background-color: rgba(233, 233, 237, 0.04); + color: var(--color7); + border-radius: 12px; +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button.flat, +datechooser navigator button.image-button { + min-height: 34px; + min-width: 34px; + padding: 0; +} + +datechooser .weeknum, +datechooser .weekday { + color: rgba(233, 233, 237, 0.5); + font-size: smaller; +} + +datechooser button.day { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 34px; + min-width: 34px; + transition: none; +} + +datechooser button.day dot { + background-color: var(--color7); + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected { + background-color: var(--color13); + color: var(--color7); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: var(--color7); +} + +datechooser button.day.today { + color: var(--color13); +} + +datechooser button.day.today dot { + background-color: var(--color13); +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: rgba(233, 233, 237, 0.32); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: rgba(233, 233, 237, 0.32); +} + +datechooser button.day.other-month:hover:not(:backdrop) { + color: rgba(233, 233, 237, 0.5); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot { + background-color: rgba(233, 233, 237, 0.5); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(233, 233, 237, 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(233, 233, 237, 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(233, 233, 237, 0.5); +} + +.week-header.lines { + color: rgba(233, 233, 237, 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(233, 233, 237, 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(var(--color13), 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(var(--color13), 0.25); +} + +monthcell { + border: solid 1px rgba(233, 233, 237, 0.12); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: var(--color0); + transition: background-color 200ms; + color: var(--color7); +} + +monthcell:selected { + background-color: alpha(var(--color13), 0.1); +} + +monthcell:selected:hover { + background-color: alpha(var(--color13), 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(var(--color13), 0.2); +} + +monthcell.today:hover { + background-color: alpha(var(--color13), 0.3); + color: var(--color13); +} + +monthcell.today:selected { + background-color: alpha(var(--color13), 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(var(--color13), 0.35); +} + +monthcell label { + color: var(--color7); + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(233, 233, 237, 0.04); +} + +monthcell.out-of-month label { + color: rgba(233, 233, 237, 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 12px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list.background > row { + padding: 2px 12px; +} + +agenda-view list.background > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +menubutton stack > box { + border-spacing: 6px; +} + +#TweakPreferencesPage.tweak-group label.subtitle { + color: rgba(233, 233, 237, 0.32); +} + +#TweakPreferencesPage label.dim-label { + color: rgba(233, 233, 237, 0.32); +} + +.tweak-titlebar-left { + box-shadow: inset 0 1px rgba(233, 233, 237, 0.1); + border-top-left-radius: 12px; +} + +.tweak-titlebar-left > windowhandle > box { + padding: 0px; + margin: 0 5px 0 15px; +} + +.tweak-titlebar-left > windowhandle widget > box.start { + padding: 0px; + margin: 0 2px 0 0; +} + +.tweak-titlebar-left > windowhandle widget > box, +.tweak-titlebar-left windowtitle { + padding: 0px; + margin: 0 -3px 0 10px; +} + +.tweak-titlebar-left:backdrop { + box-shadow: inset 0 1px rgba(233, 233, 237, 0.1); + border-top-left-radius: 12px; +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow .dim-label, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row label.subtitle, row .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow label.subtitle, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row.expander image.expander-row-arrow, row.expander .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow image.expander-row-arrow { + color: rgba(26, 27, 38, 0.38); +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: var(--color13); + border-radius: 0; + color: var(--color7); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +carousel.card { + border: none; + background-color: rgba(233, 233, 237, 0.04); +} + +.smaller { + font-size: smaller; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +gs-summary-tile image.loading-icon { + background-color: rgba(233, 233, 237, 0.12); + border-radius: 12px; +} + +.review-row > box { + margin: 12px; + border-spacing: 3px; +} + +.review-row textview { + background: none; +} + +.review-row .edit-icon { + min-width: 24px; + min-height: 24px; + padding: 6px; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(233, 233, 237, 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: #8c6c3e; +} + +.origin-button > button { + padding: 3px 9px; +} + +clamp.medium .category-tile:not(.category-tile-iconless) { + font-size: large; +} + +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +flowboxchild.card:not(.category-tile) { + padding: 0; + box-shadow: none; + border: none; + background-color: transparent; + background-image: none; +} + +.category-tile.card { + padding: 21px; + border: none; + border-radius: 12px; + min-width: 140px; + font-weight: 900; + font-size: larger; +} + +.category-tile.card:not(.category-tile-iconless), .category-tile.card:not(.category-tile-iconless):active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + animation: none; +} + +.category-tile.card.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; +} + +.category-tile.card.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +.category-tile.card.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); + color: white; +} + +.category-tile.card.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); + color: white; +} + +.category-tile.card.category-develop { + background-color: #5e5c64; + color: white; +} + +.category-tile.card.category-develop:hover { + background-color: shade(#5e5c64, 1.2); + color: white; +} + +.category-tile.card.category-develop:active { + background-color: shade(#5e5c64, 0.95); + color: white; +} + +.category-tile.card.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +.category-tile.card.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); + color: white; +} + +.category-tile.card.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); + color: white; +} + +.category-tile.card.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +.category-tile.card.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +.category-tile.card.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +.category-tile.card.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(233, 233, 237, 0.7); +} + +.category-tile.card.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +.category-tile.card.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +.category-tile.card.category-work { + padding: 1px; + /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ + color: #1c71d8; + background-color: #fdf8d7; + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.category-tile.card.category-work:hover { + color: #1c71d8; + background-color: #fefcef; + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); +} + +.category-tile.card.category-work:active { + color: #1c71d8; + background-color: #fcf4bf; + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.featured-tile { + padding: 0; + box-shadow: none; + color: var(--color7); +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(233, 233, 237, 0.04); + color: var(--color7); + border: 1px solid rgba(233, 233, 237, 0.12); +} + +.application-details-infobar.warning { + background-color: #8c6c3e; + color: var(--color7); + border: 1px solid rgba(233, 233, 237, 0.12); +} + +.card.info { + background-color: #1a1c27; + color: var(--color7); +} + +.card.warning { + background-color: #1b1c26; + color: var(--color7); +} + +.infobox { + border-spacing: 6px; + padding: 12px; +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, var(--color13) 2px, alpha(var(--color13), 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(233, 233, 237, 0.12), rgba(233, 233, 237, 0.12)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(233, 233, 237, 0.5); + background-image: none; + background-color: rgba(233, 233, 237, 0.3); +} + +.review-histogram star-image { + color: rgba(233, 233, 237, 0.5); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(233, 233, 237, 0.12); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +flowboxchild { + padding: 0px; +} + +star-image > image.starred { + color: #e0af68; + transition-duration: 200ms; +} + +star-image > image.starred:hover { + color: #8c6c3e; +} + +star-image > image.non-starred { + opacity: 0.2; + transition-duration: 200ms; +} + +star-image > image.non-starred:hover { + color: #e0af68; + opacity: 0.7; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 12px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, #387068, #2e7de9); + color: white; +} + +.upgrade-buttons #button_upgrades_install, +.upgrade-buttons #button_upgrades_install_cancel { + padding-left: 16px; + padding-right: 16px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(233, 233, 237, 0.5); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(233, 233, 237, 0.12); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + transition-property: outline, outline-offset, background-image; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); +} + +app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { + background-color: alpha(currentColor, 0.12); +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +app-context-bar > box:not(:first-child) > button.flat { + border-radius: 0; +} + +app-context-bar > box:not(:first-child) > button.flat:last-child { + border-radius: 0 12px 12px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 12px 0 0 12px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(233, 233, 237, 0.12); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: var(--color7); + background-color: rgba(233, 233, 237, 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #1f3d39; + background-color: rgba(56, 112, 104, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #2e7de9; + background-color: rgba(46, 125, 233, 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: #574327; + background-color: rgba(140, 108, 62, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #b15c00; + background-color: rgba(177, 92, 0, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #c90941; + background-color: rgba(245, 42, 101, 0.15); +} + +.eol-red { + font-weight: bold; + color: #f52a65; +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: 'tnum'; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp:not(:last-child) +> box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp +> box +> .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp +> box +> .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -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); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: #f52a65; +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents > leaflet > box > stack.background { + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, transparent 46px, var(--color0) 46px, var(--color0)); +} + +@define-color weather_temp_chart_fill_color rgba(140, 108, 62, 0.5); +@define-color weather_temp_chart_stroke_color #69512e; +@define-color weather_thermometer_warm_color #8c6c3e; +@define-color weather_thermometer_cold_color #2e7de9; +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(233, 233, 237, 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 6px; +} + +.weather-popover { + margin-top: 6px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 12px; +} + +.forecast-card separator { + background-color: var(--color0); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 18px; + margin-right: 18px; +} + +#weather-page .small .forecast-card { + margin-left: 0; + margin-right: 0; + border-radius: 0; + border-width: 1px 0; +} + +.forecast-temperature-label { + font-weight: bold; + color: #ae7b03; +} + +WeatherThermometer { + margin-bottom: 12px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: #8c6c3e; +} + +WeatherThermometer > label.low { + font-weight: bold; + color: #2e7de9; +} + +.forecast-button { + margin: 0 12px; +} + +.forecast-graphic { + margin: 18px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 24px; + min-height: 24px; +} + +button.osd.circular > image { + padding: 0; +} + +scrolledwindow.inline list, +scrolledwindow.inline listview { + background: none; + color: inherit; +} + +scrolledwindow.inline undershoot.top { + box-shadow: inset 0 1px rgba(233, 233, 237, 0.12); +} + +.search-view { + background-color: #7aa2f7; + color: rgba(26, 27, 38, 0.87); +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); +} + +image.circular { + min-width: 34px; + min-height: 34px; + padding: 0; + border-radius: 9999px; +} + +#gnome-system-monitor.background.csd { + background-color: var(--color0); +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: var(--color13); +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: #7aa2f7; + background-color: alpha(#2e7de9, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #ff9e64; + background-color: alpha(#b15c00, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #e0af68; + background: alpha(#8c6c3e, 0.25); +} + +headerbar splitbutton notification button { + margin: 0; + min-height: 24px; + min-width: 24px; + padding: 0; +} + +popover.background.global-search > arrow, +popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 3px; +} + +.frameheader.header { + min-height: 24px; + background-color: var(--color0); +} + +.frameheader.header > button { + border: none; + margin: 0; + padding: 3px; +} + +.frameheader.header tabbar.inline > revealer > box { + min-height: 24px; +} + +.frameheader.header tabbar.inline > revealer > box .start-action { + padding: 0; + border: none; +} + +.frameheader.header tabbar.inline > revealer > box .end-action { + padding: 0; + border-left: 1px solid rgba(233, 233, 237, 0.12); +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton button { + border-radius: 0; +} + +.style-variant { + padding: 0 12px; +} + +.style-variant button.toggle { + padding: 0; +} + +.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked { + background: none; + outline: none; + border: none; + box-shadow: none; +} + +.style-variant button.toggle > stylevariantpreview > .wallpaper { + border-radius: 12px; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; + box-shadow: none; +} + +.style-variant button.toggle:hover > stylevariantpreview > .wallpaper { + outline-color: rgba(233, 233, 237, 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(233, 233, 237, 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: var(--color13); +} + +playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +playlistview queuerow picture.cover, +playlistview queuerow image.card { + border: none; +} + +window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { + border: none; + border-radius: 0; +} + +window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child { + border-radius: 0; +} + +/* Tagger */ +list.music-list { + margin: -40px 0; + background-color: transparent; +} + +/* Nicotine+ */ +notebook scrolledwindow treeview.treeview-spacing { + background-color: var(--color0); +} + +.account-switcher-row label { + color: var(--color7); +} + +.account-switcher-row label.dim-label { + color: rgba(233, 233, 237, 0.7); +} + +avatar { + border-radius: 9999px; + font-weight: bold; +} + +avatar.var(--color0) { + background-image: linear-gradient(#83b6ec, #337fdc); + color: #cfe1f5; +} + +avatar.var(--color13) { + background-image: linear-gradient(#7ad9f1, #0f9ac8); + color: #caeaf2; +} + +avatar.var(--color7) { + background-image: linear-gradient(#8de6b1, #29ae74); + color: #cef8d8; +} + +avatar.color4 { + background-image: linear-gradient(#b5e98a, #6ab85b); + color: #e6f9d7; +} + +avatar.color5 { + background-image: linear-gradient(#f8e359, #d29d09); + color: #f9f4e1; +} + +avatar.color6 { + background-image: linear-gradient(#ffcb62, #d68400); + color: #ffead1; +} + +avatar.color7 { + background-image: linear-gradient(#ffa95a, #ed5b00); + color: #ffe5c5; +} + +avatar.color8 { + background-image: linear-gradient(#f78773, #e62d42); + color: #f8d2ce; +} + +avatar.color9 { + background-image: linear-gradient(#e973ab, #e33b6a); + color: #fac7de; +} + +avatar.var(--color0)0 { + background-image: linear-gradient(#cb78d4, #9945b5); + color: #e7c2e8; +} + +avatar.var(--color0)1 { + background-image: linear-gradient(#9e91e8, #7a59ca); + color: #d5d2f5; +} + +avatar.var(--color0)2 { + background-image: linear-gradient(#e3cf9c, #b08952); + color: #f2eade; +} + +avatar.var(--color0)3 { + background-image: linear-gradient(#be916d, #785336); + color: #e5d6ca; +} + +avatar.var(--color0)4 { + background-image: linear-gradient(#c0bfbc, #6e6d71); + color: #d8d7d3; +} + +avatar.contrasted { + color: var(--color7); +} + +avatar.image { + background: none; +} + +.card { + border-radius: 12px; + border: none; + background-clip: border-box; + color: rgba(233, 233, 237, 0.7); + box-shadow: none; + outline: none; + background-color: rgba(233, 233, 237, 0.04); + color: var(--color7); +} + +.card.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: var(--color7); + background-color: rgba(233, 233, 237, 0.04); +} + +.card.activatable:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +.card.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(233, 233, 237, 0.1); + background-color: #292e42; + color: var(--color7); + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 2px; + border-spacing: 3px; +} + +viewswitcher.wide button.toggle { + border-radius: 3px; +} + +viewswitcher.wide button.toggle:first-child { + border-top-left-radius: 17px; + border-bottom-left-radius: 17px; +} + +viewswitcher.wide button.toggle:last-child { + border-top-right-radius: 17px; + border-bottom-right-radius: 17px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0 0 3px 3px; + margin: 0; +} + +viewswitcher.narrow button.toggle:first-child { + border-bottom-left-radius: 12px; +} + +viewswitcher.narrow button.toggle:last-child { + border-bottom-right-radius: 12px; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle:focus:not(:hover):not(:active) { + box-shadow: none; + outline: none; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 8px; + padding-bottom: 4px; + border-spacing: 3px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle { + border-radius: 12px; + margin: 3px 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 5px; + padding-bottom: 1px; + border-spacing: 0; +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 0; + padding-bottom: 0; + border-spacing: 0; +} + +viewswitchertitle viewswitcher.wide { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +indicatorbin > indicator, +indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: var(--color7); +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: var(--color13); +} + +indicatorbin.needs-attention > indicator > label { + color: var(--color7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +preferencesgroup > box background-preview widget.sidebar, +preferencesgroup > box widget.header-bar:not(.editable-area) { + background-color: var(--color0); +} + +preferencesgroup > box, +preferencesgroup > box .labels { + border-spacing: 6px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 6px; +} + +preferencesgroup > box > box.single-line { + min-height: 34px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, +preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 9px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(233, 233, 237, 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(233, 233, 237, 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: var(--color13); +} + +preferencesgroup > box .cutout-button { + background-color: var(--color0); +} + +preferencesgroup > box button.accent-button { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; + background: var(--accent-bg-color); + outline: none; + background-clip: content-box; + box-shadow: none; +} + +preferencesgroup > box button.accent-button:hover { + box-shadow: 0 0 0 3px alpha(currentColor, 0.08); +} + +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px var(--color13); +} + +preferencesgroup > box button.accent-button.blue, preferencesgroup > box button.accent-button.teal, preferencesgroup > box button.accent-button.green, preferencesgroup > box button.accent-button.yellow, preferencesgroup > box button.accent-button.orange, preferencesgroup > box button.accent-button.red, preferencesgroup > box button.accent-button.pink, preferencesgroup > box button.accent-button.purple, preferencesgroup > box button.accent-button.slate { + --accent-color: oklab( + from var(--accent-bg-color) var(--standalone-color-oklab) + ); +} + +preferencesgroup > box button.accent-button.blue { + --accent-bg-color: var(--accent-blue); +} + +preferencesgroup > box button.accent-button.teal { + --accent-bg-color: var(--accent-teal); +} + +preferencesgroup > box button.accent-button.green { + --accent-bg-color: var(--accent-green); +} + +preferencesgroup > box button.accent-button.yellow { + --accent-bg-color: var(--accent-yellow); +} + +preferencesgroup > box button.accent-button.orange { + --accent-bg-color: var(--accent-orange); +} + +preferencesgroup > box button.accent-button.red { + --accent-bg-color: var(--accent-red); +} + +preferencesgroup > box button.accent-button.pink { + --accent-bg-color: var(--accent-pink); +} + +preferencesgroup > box button.accent-button.purple { + --accent-bg-color: var(--accent-purple); +} + +preferencesgroup > box button.accent-button.slate { + --accent-bg-color: var(--accent-slate); +} + +preferencesgroup > box box > list.boxed-list-separate { + background-color: transparent; + border-radius: 12px; +} + +preferencesgroup > box box > list.boxed-list-separate row { + color: var(--color7); + background-color: rgba(233, 233, 237, 0.04); + border-radius: 12px 12px 0 0; + margin-top: 0px; + margin-bottom: 2px; +} + +preferencesgroup > box box > list.boxed-list-separate row:first-child { + border-radius: 12px 12px 0 0; +} + +preferencesgroup > box box > list.boxed-list-separate row:last-child { + border-radius: 0 0 12px 12px; + margin-bottom: 0; +} + +preferencesgroup > box box > list.boxed-list-separate row + row { + margin-top: 2px; +} + +preferencesgroup > box box > list.boxed-list-separate row:hover, preferencesgroup > box box > list.boxed-list-separate row:focus { + color: rgba(233, 233, 237, 0.7); + background-color: rgba(233, 233, 237, 0.04); +} + +window.about .main-page > viewport > clamp > box { + margin: 12px; + border-spacing: 6px; +} + +window.about .main-page > viewport > clamp > box > box { + margin-top: 18px; + border-spacing: 18px; + margin-bottom: 6px; +} + +window.about .main-page .app-version { + padding: 3px 18px; + color: var(--color13); + border-radius: 12px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.55); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.35; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 24px 12px; + border-spacing: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background-color: rgba(26, 27, 38, 0.2); + background-image: none; +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background-color: transparent; + background-image: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(26, 27, 38, 0.2), 0.7), alpha(rgba(26, 27, 38, 0.2), 0.14) 40px, alpha(rgba(26, 27, 38, 0.2), 0) 56px), linear-gradient(to right, alpha(rgba(26, 27, 38, 0.2), 0.4), alpha(rgba(26, 27, 38, 0.2), 0.14) 7px, alpha(rgba(26, 27, 38, 0.2), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right, +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(26, 27, 38, 0.2), 0.7), alpha(rgba(26, 27, 38, 0.2), 0.14) 40px, alpha(rgba(26, 27, 38, 0.2), 0) 56px), linear-gradient(to left, alpha(rgba(26, 27, 38, 0.2), 0.4), alpha(rgba(26, 27, 38, 0.2), 0.14) 7px, alpha(rgba(26, 27, 38, 0.2), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up, +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(26, 27, 38, 0.2), 0.7), alpha(rgba(26, 27, 38, 0.2), 0.14) 40px, alpha(rgba(26, 27, 38, 0.2), 0) 56px), linear-gradient(to bottom, alpha(rgba(26, 27, 38, 0.2), 0.4), alpha(rgba(26, 27, 38, 0.2), 0.14) 7px, alpha(rgba(26, 27, 38, 0.2), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down, +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(26, 27, 38, 0.2), 0.7), alpha(rgba(26, 27, 38, 0.2), 0.14) 40px, alpha(rgba(26, 27, 38, 0.2), 0) 56px), linear-gradient(to top, alpha(rgba(26, 27, 38, 0.2), 0.4), alpha(rgba(26, 27, 38, 0.2), 0.14) 7px, alpha(rgba(26, 27, 38, 0.2), 0) 24px); +} + +.sidebar-pane .sidebar > scrolledwindow, +.sidebar-pane toolbarview > scrolledwindow, +.sidebar-pane navigation-view-page stack > scrolledwindow, .sidebar-pane, .toolbar, filechooser paned > box, placessidebar > scrolledwindow, agenda-view list.background, .tweak-titlebar-left, .tweak-titlebar-left:backdrop, leaflet.unfolded > box > scrolledwindow, leaflet.unfolded .contacts-contact-list > scrolledwindow, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow { + background-color: var(--color0); + color: var(--color7); + border-radius: 0; + margin: 0; +} + +.sidebar-pane .sidebar > scrolledwindow .dim-label, +.sidebar-pane toolbarview > scrolledwindow .dim-label, +.sidebar-pane navigation-view-page stack > scrolledwindow .dim-label, .sidebar-pane .dim-label, .toolbar .dim-label, filechooser paned > box .dim-label, placessidebar > scrolledwindow .dim-label, agenda-view list.background .dim-label, .tweak-titlebar-left .dim-label, leaflet.unfolded > box > scrolledwindow .dim-label, leaflet.unfolded .contacts-contact-list > scrolledwindow .dim-label, .sidebar-pane row label.subtitle, row .sidebar-pane label.subtitle, .toolbar row label.subtitle, row .toolbar label.subtitle, filechooser paned > box row label.subtitle, row filechooser paned > box label.subtitle, placessidebar > scrolledwindow row label.subtitle, row placessidebar > scrolledwindow label.subtitle, agenda-view list.background row label.subtitle, row agenda-view list.background label.subtitle, .tweak-titlebar-left row label.subtitle, row .tweak-titlebar-left label.subtitle, leaflet.unfolded > box > scrolledwindow row label.subtitle, row leaflet.unfolded > box > scrolledwindow label.subtitle, leaflet.unfolded .contacts-contact-list > scrolledwindow row label.subtitle, row leaflet.unfolded .contacts-contact-list > scrolledwindow label.subtitle, .sidebar-pane row.expander image.expander-row-arrow, row.expander .sidebar-pane image.expander-row-arrow, .toolbar row.expander image.expander-row-arrow, row.expander .toolbar image.expander-row-arrow, filechooser paned > box row.expander image.expander-row-arrow, row.expander filechooser paned > box image.expander-row-arrow, placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander placessidebar > scrolledwindow image.expander-row-arrow, agenda-view list.background row.expander image.expander-row-arrow, row.expander agenda-view list.background image.expander-row-arrow, .tweak-titlebar-left row.expander image.expander-row-arrow, row.expander .tweak-titlebar-left image.expander-row-arrow, leaflet.unfolded > box > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded > box > scrolledwindow image.expander-row-arrow, leaflet.unfolded .contacts-contact-list > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded .contacts-contact-list > scrolledwindow image.expander-row-arrow { + color: rgba(26, 27, 38, 0.38); +} + +.nautilus-window placessidebar > scrolledwindow { + background-color: var(--color0); + color: var(--color7); + border-radius: 0; + /* margin: 0; */ + margin: 0 6px 0 0; +} + +.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window placessidebar > scrolledwindow label.subtitle, .nautilus-window placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander .nautilus-window placessidebar > scrolledwindow image.expander-row-arrow { + color: rgba(26, 27, 38, 0.38); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough, placessidebar > scrolledwindow > scrollbar > range > trough, .nautilus-window placessidebar scrollbar > range > trough, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough { + margin: 0 -8px 0 0; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + background-color: var(--color0); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:hover, placessidebar > scrolledwindow > scrollbar > range > trough > slider:hover, .nautilus-window placessidebar scrollbar > range > trough > slider:hover, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover { + background-color: #292e42; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:active, placessidebar > scrolledwindow > scrollbar > range > trough > slider:active, .nautilus-window placessidebar scrollbar > range > trough > slider:active, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active { + background-color: #292e42; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:disabled, placessidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, .nautilus-window placessidebar scrollbar > range > trough > slider:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled { + background-color: var(--color0); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(26, 27, 38, 0.38); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(26, 27, 38, 0.3); +} + +calendar-view { + margin: 6px; +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + background-color: rgba(233, 233, 237, 0.04); + border-radius: 12px; + margin: 6px; +} + +placessidebar list.navigation-sidebar, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar { + padding: 6px 0 6px 6px; + background: none; + color: rgba(233, 233, 237, 0.7); +} + +placessidebar list.navigation-sidebar > separator, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > separator, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > separator, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > separator { + background-color: rgba(233, 233, 237, 0.12); + margin: 10px 15px; +} + +placessidebar list.navigation-sidebar > row, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row { + color: rgba(26, 27, 38, 0.6); + border-radius: 9px; + color: var(--color7); + padding: 6px 0; +} + +placessidebar list.navigation-sidebar > row:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:active, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus { + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row:selected, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected { + /* background-color: if($variant == 'light', rgba($base, 0.4), $fill); */ + background-color: alpha(currentColor, 0.08); + color: var(--color13); + font-weight: 500; + /* border-left: 3px solid $primary; */ +} + +placessidebar list.navigation-sidebar > row:selected:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:hover, placessidebar list.navigation-sidebar > row:selected:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:focus { + /* background-color: rgba($base, 0.9); */ + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.top, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.top, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.top, filechooser paned > box scrolledwindow scrollbar.top, placessidebar > scrolledwindow > scrollbar.top, .nautilus-window placessidebar scrollbar.top, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.top, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.top, leaflet.unfolded > box > scrolledwindow > scrollbar.top, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.top, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.top { + border-bottom: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.bottom, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.bottom, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.bottom, filechooser paned > box scrolledwindow scrollbar.bottom, placessidebar > scrolledwindow > scrollbar.bottom, .nautilus-window placessidebar scrollbar.bottom, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.bottom, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.bottom, leaflet.unfolded > box > scrolledwindow > scrollbar.bottom, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.bottom, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.bottom { + border-top: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.left, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.left, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.left, filechooser paned > box scrolledwindow scrollbar.left, placessidebar > scrolledwindow > scrollbar.left, .nautilus-window placessidebar scrollbar.left, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.left, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.left, leaflet.unfolded > box > scrolledwindow > scrollbar.left, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.left, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.left { + border-right: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.right, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.right, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.right, filechooser paned > box scrolledwindow scrollbar.right, placessidebar > scrolledwindow > scrollbar.right, .nautilus-window placessidebar scrollbar.right, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.right, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.right, leaflet.unfolded > box > scrolledwindow > scrollbar.right, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.right, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.right { + border-left: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, filechooser paned > box scrolledwindow scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar > range > trough > slider, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + border: 4px solid transparent; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + border: none; + margin: 1px; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.dragging, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.dragging, placessidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, .nautilus-window placessidebar scrollbar.overlay-indicator.dragging, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.dragging, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.dragging, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.dragging, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.hovering, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.hovering, placessidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, .nautilus-window placessidebar scrollbar.overlay-indicator.hovering, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.hovering, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.hovering, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.hovering, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.hovering, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-top > undershoot.top, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-top > undershoot.top { + border-radius: 12px 12px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-bottom > undershoot.bottom, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 12px 12px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(26, 27, 38, 0.2), 0.75), transparent 4px); +} + +.sidebar-pane { + color: var(--color7); + border-top-left-radius: 12px; +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane headerbar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane .navigation-sidebar { + padding: 2px 4px; + background: none; + color: rgba(233, 233, 237, 0.7); +} + +.sidebar-pane:dir(ltr), +.sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), +.sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: inset 0 1px rgba(233, 233, 237, 0.1); + border-right: none; +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: transparent; + color: var(--color7); +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: transparent; + transition: none; +} + +.content-pane { + background-color: var(--color0); + color: var(--color7); + border-top-right-radius: 12px; + box-shadow: inset 0 1px rgba(233, 233, 237, 0.1); +} + +.content-pane headerbar, .content-pane headerbar:backdrop { + background-color: transparent; + box-shadow: none; + border: none; +} + +.maximized .content-pane, .fullscreen .content-pane, .tiled .content-pane, .tiled-top .content-pane, .tiled-right .content-pane, .tiled-bottom .content-pane, .tiled-left .content-pane { + border-radius: 0; + box-shadow: inset 0 1px rgba(233, 233, 237, 0.1); +} + +.top-bar { + box-shadow: none; + background: none; + border: none; +} + +.top-bar headerbar, .top-bar headerbar:backdrop { + background-color: transparent; + box-shadow: none; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(233, 233, 237, 0.12); +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px var(--color13); +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, var(--color7) 50%, #292e42 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: var(--color7); +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #292e42; +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); + color: var(--color7); + background-color: var(--color13); +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: var(--color7); + background-color: var(--color13); +} + +themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(233, 233, 237, 0.12); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px var(--color13); +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active { + background-color: transparent; + border: none; + background: none; + box-shadow: none; + color: transparent; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +themeswitcher checkbutton.system { + background: linear-gradient(-45deg, var(--color0) 50%, var(--color7) 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: var(--color7); +} + +themeswitcher checkbutton.dark { + color: var(--color7); + background-color: var(--color0); +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color var(--color7); +/* text color for entries, views and content in general */ +@define-color theme_text_color var(--color7); +/* widget base background color */ +@define-color theme_bg_color var(--color0); +/* text widgets and the like base background color */ +@define-color theme_base_color var(--color0); +/* base background color of selections */ +@define-color theme_selected_bg_color var(--color13); +/* text/foreground color of selections */ +@define-color theme_selected_fg_color var(--color7); +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color var(--color0); +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(233, 233, 237, 0.5); +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color var(--color0); +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color var(--color7); +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color var(--color7); +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color var(--color0); +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color var(--color0); +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color var(--color13); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color var(--color7); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(233, 233, 237, 0.5); +/* widgets main borders color */ +@define-color borders rgba(233, 233, 237, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(233, 233, 237, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #8c6c3e; +@define-color error_color #f52a65; +@define-color success_color #387068; +/* 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_focused_title var(--color7); +@define-color wm_unfocused_title rgba(233, 233, 237, 0.7); +@define-color wm_highlight rgba(233, 233, 237, 0.1); +@define-color wm_border #0a0a0f; +@define-color wm_focused_bg var(--color0); +@define-color wm_unfocused_bg var(--color0); +@define-color wm_button_icon var(--color7); +@define-color wm_button_focused_bg var(--color0); +@define-color wm_button_unfocused_bg var(--color0); +@define-color wm_button_hover_fg rgba(26, 27, 38, 0.87); +@define-color wm_button_active_fg rgba(26, 27, 38, 0.87); +@define-color wm_button_hover_bg #e1e2e7; +@define-color wm_button_active_bg #e2e3e8; +/* FIXME this is really an API */ +@define-color content_view_bg var(--color0); +@define-color placeholder_text_color #b2b3bc; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg var(--color0); +@define-color budgie_tasklist_indicator_color rgba(117, 117, 125, 0.7); +@define-color budgie_tasklist_indicator_color_active var(--color13); +@define-color budgie_tasklist_indicator_color_active_window rgba(36, 125, 146, 0.816); +@define-color budgie_tasklist_indicator_color_attention #8c6c3e; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; +@define-color blue_1 #99c1f1; +@define-color blue_2 #62a0ea; +@define-color blue_3 #3584e4; +@define-color blue_4 #1c71d8; +@define-color blue_5 #1a5fb4; +@define-color green_1 #8ff0a4; +@define-color green_2 #57e389; +@define-color green_3 #33d17a; +@define-color green_4 #2ec27e; +@define-color green_5 #26a269; +@define-color yellow_1 #f9f06b; +@define-color yellow_2 #f8e45c; +@define-color yellow_3 #f6d32d; +@define-color yellow_4 #f5c211; +@define-color yellow_5 #e5a50a; +@define-color orange_1 #ffbe6f; +@define-color orange_2 #ffa348; +@define-color orange_3 #ff7800; +@define-color orange_4 #e66100; +@define-color orange_5 #c64600; +@define-color red_1 #f66151; +@define-color red_2 #ed333b; +@define-color red_3 #e01b24; +@define-color red_4 #c01c28; +@define-color red_5 #a51d2d; +@define-color purple_1 #dc8add; +@define-color purple_2 #c061cb; +@define-color purple_3 #9141ac; +@define-color purple_4 #813d9c; +@define-color purple_5 #613583; +@define-color brown_1 #cdab8f; +@define-color brown_2 #b5835a; +@define-color brown_3 #986a44; +@define-color brown_4 #865e3c; +@define-color brown_5 #63452c; +@define-color light_1 #ffffff; +@define-color light_2 #f6f5f4; +@define-color light_3 #deddda; +@define-color light_4 #c0bfbc; +@define-color light_5 #9a9996; +@define-color dark_1 #77767b; +@define-color dark_2 #5e5c64; +@define-color dark_3 #3d3846; +@define-color dark_4 #241f31; +@define-color dark_5 #000000; +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +@define-color accent_bg_color var(--color13); +@define-color accent_fg_color var(--color7); +@define-color accent_color var(--color13); +@define-color destructive_bg_color #f52a65; +@define-color destructive_fg_color var(--color7); +@define-color destructive_color #f52a65; +@define-color success_bg_color #387068; +@define-color success_fg_color var(--color7); +@define-color success_color #387068; +@define-color warning_bg_color #8c6c3e; +@define-color warning_fg_color var(--color7); +@define-color warning_color #8c6c3e; +@define-color error_bg_color #f52a65; +@define-color error_fg_color var(--color7); +@define-color error_color #f52a65; +@define-color window_bg_color var(--color0); +@define-color window_fg_color var(--color7); +@define-color view_bg_color var(--color0); +@define-color view_fg_color var(--color7); +@define-color headerbar_bg_color var(--color0); +@define-color headerbar_fg_color var(--color7); +@define-color headerbar_border_color rgba(233, 233, 237, 0.12); +@define-color headerbar_backdrop_color var(--color0); +@define-color headerbar_shade_color rgba(233, 233, 237, 0.12); +@define-color card_bg_color var(--color0); +@define-color card_fg_color var(--color7); +@define-color card_shade_color rgba(233, 233, 237, 0.12); +@define-color dialog_bg_color var(--color0); +@define-color dialog_fg_color var(--color7); +@define-color popover_bg_color #292e42; +@define-color popover_fg_color var(--color7); +@define-color shade_color rgba(233, 233, 237, 0.12); +@define-color scrollbar_outline_color rgba(233, 233, 237, 0.12); diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk.css b/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk.css new file mode 100644 index 000000000..641f2fd1e --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk.css @@ -0,0 +1,8493 @@ +@import url("colors.css"); + +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-color: var(--color13); + opacity: 0.1; + } + to { + background-color: transparent; + opacity: 0; + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: var(--color0); + color: var(--color7); +} + +dnd { + color: var(--color7); +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, +.view { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +iconview:disabled, +.view:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); +} + +iconview:selected, +.view:selected { + color: var(--color1); + background-color: var(--color13); +} + +textview text { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +textview border { + background-color: var(--color0); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, columnview.view > rubberband, +.content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid var(--color13); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 12px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: var(--color7); + background-color: var(--color0); + border: 1px solid black; +} + +label.separator { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 12px; + background-color: var(--color4); + color: var(--color7); +} + + +.dim-label, +row.expander image.expander-row-arrow, +row label.subtitle { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + opacity: 1; +} + +.accent { + color: var(--color13); +} + +.success { + color: var(--color20); +} + +.warning { + color: var(--color19); +} + +.error { + color: var(--color5); +} + +.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 { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: var(--color7); +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: var(--color7); + background-color: var(--color0); + background-clip: padding-box; + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd, .osd.background { + background-color: var(--color0); + color: var(--color7); + border-radius: 12px; + padding: 12px; + border: 1px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.1); +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * Spinner Animation * + *********************/ +@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; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 34px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color7); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +entry headerbar popover.background entry:drop(active), +headerbar popover.background entry entry:drop(active), +entry headerbar popover.background entry:hover:not(:focus-within), +headerbar popover.background entry entry:hover:not(:focus-within), +entry:drop(active), +entry:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry:disabled, +headerbar popover.background entry entry:disabled, +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); + outline: none; +} + +entry headerbar popover.background entry.flat:focus-within, +headerbar popover.background entry entry.flat:focus-within, +entry headerbar popover.background entry.flat:disabled, +headerbar popover.background entry entry.flat:disabled, +entry headerbar popover.background entry.flat:hover, +headerbar popover.background entry entry.flat:hover, +entry headerbar popover.background entry.flat, +headerbar popover.background entry entry.flat, +entry.flat:focus-within, +entry.flat:disabled, +entry.flat:hover, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + box-shadow: none; + border-radius: 0; + outline: none; +} + +entry headerbar popover.background entry image, +headerbar popover.background entry entry image, +entry image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +entry headerbar popover.background entry image:hover, +headerbar popover.background entry entry image:hover, +entry headerbar popover.background entry image:active, +headerbar popover.background entry entry image:active, +entry image:hover, +entry image:active { + color: var(--color7); +} + +entry headerbar popover.background entry image:disabled, +headerbar popover.background entry entry image:disabled, +entry image:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +entry headerbar popover.background entry image.left, +headerbar popover.background entry entry image.left, +entry image.left { + margin: 0 6px 0 1px; +} + +entry headerbar popover.background entry image.right, +headerbar popover.background entry entry image.right, +entry image.right { + margin: 0 1px 0 6px; +} + +entry headerbar popover.background entry undershoot.left > undershoot.left, +headerbar popover.background entry entry undershoot.left > undershoot.left, +entry undershoot.left > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +entry headerbar popover.background entry undershoot.right > undershoot.right, +headerbar popover.background entry entry undershoot.right > undershoot.right, +entry undershoot.right > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +entry headerbar popover.background entry.error, +headerbar popover.background entry entry.error, +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color:rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.15); + color: var(--color7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.2); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color5); + outline: 2px solid var(--color5); + outline-offset: -2px; +} + +entry headerbar popover.background entry.error:drop(active), +headerbar popover.background entry entry.error:drop(active), +entry headerbar popover.background entry.error:hover:not(:focus-within), +headerbar popover.background entry entry.error:hover:not(:focus-within), +entry.error:drop(active), +entry.error:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color5); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.error:disabled, +headerbar popover.background entry entry.error:disabled, +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.08); + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.error > text > selection, +headerbar popover.background entry entry.error > text > selection, +entry.error > text > selection { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.25); + color: var(--color5); +} + +entry headerbar popover.background entry.error image, +headerbar popover.background entry entry.error image, +entry.error image { + color: var(--color5); +} + +entry headerbar popover.background entry.error image:hover, +headerbar popover.background entry entry.error image:hover, +entry headerbar popover.background entry.error image:active, +headerbar popover.background entry entry.error image:active, +entry.error image:hover, +entry.error image:active { + color: var(--color5); +} + +entry headerbar popover.background entry.error image:disabled, +headerbar popover.background entry entry.error image:disabled, +entry.error image:disabled { + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + color: var(--color16); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color16); + outline: 2px solid var(--color16); + outline-offset: -2px; +} + +entry headerbar popover.background entry.warning:drop(active), +headerbar popover.background entry entry.warning:drop(active), +entry headerbar popover.background entry.warning:hover:not(:focus-within), +headerbar popover.background entry entry.warning:hover:not(:focus-within), +entry.warning:drop(active), +entry.warning:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color16); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.warning:disabled, +headerbar popover.background entry entry.warning:disabled, +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.warning > text > selection, +headerbar popover.background entry entry.warning > text > selection, +entry.warning > text > selection { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.25); + color: var(--color16); +} + +entry headerbar popover.background entry.warning image, +headerbar popover.background entry entry.warning image, +entry.warning image { + color: var(--color16); +} + +entry headerbar popover.background entry.warning image:hover, +headerbar popover.background entry entry.warning image:hover, +entry headerbar popover.background entry.warning image:active, +headerbar popover.background entry entry.warning image:active, +entry.warning image:hover, +entry.warning image:active { + color: var(--color16); +} + +entry headerbar popover.background entry.warning image:disabled, +headerbar popover.background entry entry.warning image:disabled, +entry.warning image:disabled { + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.1); + color: var(--color13); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color13); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +entry headerbar popover.background entry.success:drop(active), +headerbar popover.background entry entry.success:drop(active), +entry headerbar popover.background entry.success:hover:not(:focus-within), +headerbar popover.background entry entry.success:hover:not(:focus-within), +entry.success:drop(active), +entry.success:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color13); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.1); + color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.25); + color: var(--color13); +} + +entry headerbar popover.background entry.success image, +headerbar popover.background entry entry.success image, +entry.success image { + color: var(--color13); +} + +entry headerbar popover.background entry.success image:hover, +headerbar popover.background entry entry.success image:hover, +entry headerbar popover.background entry.success image:active, +headerbar popover.background entry entry.success image:active, +entry.success image:hover, +entry.success image:active { + color: var(--color13); +} + +entry headerbar popover.background entry.success image:disabled, +headerbar popover.background entry entry.success image:disabled, +entry.success image:disabled { + color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); +} + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid var(--color13); + background-color: transparent; +} + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: var(--color0); +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + color: var(--color7); +} + +.entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +editablelabel > stack > text { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + 0% { + background-color: var(--color13); + box-shadow: 0 0 0px var(--color13); + opacity: 0.8; + } + 100% { + background-color: transparent; + box-shadow: 0 0 12px 4px var(--color13); + opacity: 0; + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button { + background-color: var(--color0); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:checked { + background-color: var(--color14); + color: var(--color13); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button, +dnd tab:not(:selected) button.image-button.tab-close-button, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button, notebook > header menubutton > button.flat { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:hover, +dnd tab:not(:selected) button.image-button.tab-close-button:hover, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:hover, notebook > header menubutton > button.flat:hover, tabbar tab:not(:selected) button.image-button.tab-close-button:active, +dnd tab:not(:selected) button.image-button.tab-close-button:active, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:active, notebook > header menubutton > button.flat:active, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, tabbar notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +dnd notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header > tabs > tab:not(:checked):not(:selected) button.keyboard-activating.small-button, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header > tabs > tab:not(:checked):not(:selected) button.keyboard-activating.small-button, tabbar notebook > header > tabs > tab:not(:checked):not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, +dnd notebook > header > tabs > tab:not(:checked):not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, notebook > header menubutton > button.flat:focus:not(:hover):not(:active) tabbar tab:not(:selected) button.keyboard-activating.image-button.tab-close-button, tabbar tab:not(:selected) notebook > header menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +notebook > header menubutton > button.flat:focus:not(:hover):not(:active) dnd tab:not(:selected) button.keyboard-activating.image-button.tab-close-button, +dnd tab:not(:selected) notebook > header menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, notebook > header > tabs > tab:not(:checked):not(:selected) menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.small-button, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, notebook > header tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, tabbar tab:not(:selected) notebook > header button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, +notebook > header dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, +dnd tab:not(:selected) notebook > header button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, notebook > header menubutton > button.flat:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat { + color: var(--color0); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:checked, +dnd tab:not(:selected) button.image-button.tab-close-button:checked, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:checked, notebook > header menubutton > button.flat:checked { + background-color: var(--color14); + color: var(--color12); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:disabled, +dnd tab:not(:selected) button.image-button.tab-close-button:disabled, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:disabled, notebook > header menubutton > button.flat:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: var(--color7); +} + +headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus { + outline: 2px solid var(--color13); + outline-offset: 0; +} + +headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked { + background-color: var(--color13); + color: var(--color7); +} + +headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: var(--color13); + color: var(--color0); +} + +headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: var(--color7); + outline: 2px solid transparent; + outline-offset: -2px; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +#NautilusPathButton, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, .app-notification button, .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, +splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, +splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, +splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +#NautilusPathButton:focus:not(:hover):not(:active), filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), +splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), +splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), +splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + color: var(--color7); + outline: 2px solid transparent; + outline-offset: -2px; +} + +#NautilusPathButton:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, +splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, +splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, +splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +#NautilusPathButton:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, +splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, +splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, +splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +#NautilusPathButton:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, +splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, +splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, +splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +#NautilusPathButton:checked, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +#NautilusPathButton:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, +splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, +splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, +splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +button.opaque { + box-shadow: none; +} + +.osd button.opaque:focus:focus-visible { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.15); +} + +button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +button.keyboard-activating.opaque, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +button.opaque:checked.keyboard-activating, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +.nautilus-window .floating-bar button, placessidebar list.navigation-sidebar > row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 9px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button separator { + margin: 4px 1px; +} + +button.opaque { + background-color: var(--color14); + color: var(--color7); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +button.text-button.image-button > box, +button.text-button.image-button > box > box, button.image-text-button > box, +button.image-text-button > box > box { + border-spacing: 4px; +} + +button.text-button.image-button > box > label, +button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.image-text-button > box > box > label { + padding-left: 2px; + padding-right: 2px; +} + +button.text-button.image-button label:first-child, button.image-text-button label:first-child { + margin-left: 11px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 7px; +} + +button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { + margin: 0 4px; +} + +button.arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.arrow-button > box { + border-spacing: 4px; +} + +button.arrow-button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.arrow-button.text-button > box { + border-spacing: 6px; +} + +menubutton.pill > button, button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-color: var(--color0); + background-clip: padding-box; + font-weight: inherit; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-clip: border-box; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button.card.keyboard-activating, button.card:active { + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button.card:checked { + background-image: none; + background-color: var(--color13); + color: var(--color0); + border-color: var(--color13); +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: var(--color13); + color: var(--color10); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: var(--color13); + box-shadow: inset 0 0 0 1px var(--color13); +} + +.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + background-color: alpha(currentColor, 0.05); +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > menubutton > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 5px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: var(--color7); +} + +button.osd > image { + padding: 0; +} + +button.osd.remove-button { + padding: 0; +} + +button.osd:focus { + outline-color: transparent; +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.45); + color: var(--color7); +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: var(--color7); +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.35); +} + +button.suggested-action { + background-color: var(--color6); + color: var(--color8); + box-shadow: none; +} + +button.suggested-action:hover { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.85); +} + +button.suggested-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +button.suggested-action:checked { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.6); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: var(--color6); +} + +button.suggested-action.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.3); +} + +button.destructive-action { + background-color: var(--color5); + color: var(--color16); + box-shadow: none; +} + +button.destructive-action:hover { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.85); +} + +button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +button.destructive-action:checked { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.6); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: var(--color5); +} + +button.destructive-action.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +menubutton.destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +menubutton.opaque { + background-color: var(--color14); + color: var(--color7); +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 12px; +} + +menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { + border-radius: 9999px; +} + +menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { + background-color: transparent; + color: inherit; +} + +menubutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 6px; +} + +menubutton arrow { + min-height: 16px; + min-width: 16px; +} + +menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); +} + +menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +splitbutton { + border-radius: 12px; +} + +splitbutton, splitbutton > separator { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background-color; +} + +splitbutton > separator { + min-width: 0; + margin-top: 6px; + margin-bottom: 6px; + background-color: transparent; + background: none; +} + +splitbutton > menubutton > button { + padding: 5px 9px; +} + +splitbutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 6px; +} + +splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { + padding-left: 9px; + padding-right: 9px; +} + +splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { + border-spacing: 6px; +} + +splitbutton > button:dir(ltr), +splitbutton > menubutton > button:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + margin-right: 0; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +splitbutton.flat > separator { + background: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.07); +} + +splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { + background: none; +} + +splitbutton.flat:focus-within:focus-visible > separator { + background: none; +} + +splitbutton.flat > button, +splitbutton.flat > menubutton > button { + border-radius: 12px; +} + +splitbutton.suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +splitbutton.destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +splitbutton.opaque { + background-color: var(--color14); + color: var(--color7); +} + +splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button, +splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button, +splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button, +splitbutton.opaque > menubutton > button:checked { + color: inherit; + background-color: transparent; +} + +splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { + box-shadow: inset 1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { + box-shadow: inset -1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton > menubutton > button > arrow.none { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +buttoncontent { + border-spacing: 6px; +} + +buttoncontent > label { + font-weight: bold; +} + +buttoncontent > label:dir(ltr) { + padding-right: 2px; +} + +buttoncontent > label:dir(rtl) { + padding-left: 2px; +} + +.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { + padding-right: 0; +} + +.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { + padding-left: 0; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +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; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 12px; +} + +.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 12px; +} + +.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical button:not(:first-child) { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical button:not(:last-child) { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical menubutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical menubutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical dropdown:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical dropdown:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical colorbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical colorbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical fontbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical fontbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical tabbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical tabbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical entry:not(:first-child) { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical entry:not(:last-child) { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + + +list > row button.image-button:not(.flat) { + background-color: transparent; + box-shadow: none; + border: none; +} + + +list > row button.image-button:not(.flat):hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +list > row button.image-button:not(.flat).destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +/********* + * Links * + *********/ +link { + color: var(--color13); +} + +link:visited { + color: var(--color3); +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: var(--color13); +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: var(--color3); +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 12px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +spinbutton:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color0); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: none; +} + +spinbutton > text { + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + margin: 0; +} + +spinbutton > button { + border: none; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 30px; + padding-left: 12px; +} + +spinbutton:not(.vertical) > button { + padding: 0; + margin: 6px; +} + +spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 3px; +} + +spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 3px; +} + +cell.activatable spinbutton:not(.vertical) { + margin: 3px 0; +} + +cell.activatable spinbutton:not(.vertical) > button { + margin: 0; + padding: 0; + min-height: 24px; + border-radius: 0; +} + +cell.activatable spinbutton:not(.vertical) > button:last-child { + border-radius: 0 12px 12px 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 0; +} + +spinbutton.vertical > text { + min-height: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 8px; +} + +/************** + * ComboBoxes * + **************/ +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 button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: -1px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -1px; +} + +dropdown popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: var(--color7); + background-color: alpha(currentColor, 0.06); +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; +} + +dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child), +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -34px; + padding-right: 34px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -34px; + padding-left: 34px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 4px; + border-radius: 12px; +} + +.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.combo:only-child { + border-radius: 12px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +button.combo:only-child:focus { + color: var(--color7); + outline: 2px solid transparent; + /* outline: 2px solid $fill; */ + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +button.combo:only-child:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +button.combo:only-child:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + border-spacing: 6px; +} + +.toolbar .linked button:not(:hover):not(:active):not(:checked):not(:disabled) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); + color: var(--color2); + border: none; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, .toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +.toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator { + margin: 2px; +} + +.toolbar entry, +.toolbar splitbutton, +.toolbar button, +.toolbar scalebutton { + border-radius: 9px; +} + +.toolbar entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border: none; + background-color: transparent; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-color: transparent; + border-radius: 12px; + border: none; + outline: none; +} + +headerbar .linked > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +headerbar .linked > button:first-child:not(.suggested-action):not(.destructive-action) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +headerbar .linked > button:last-child:not(.suggested-action):not(.destructive-action) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +headerbar .linked > button:only-child:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar button:hover:not(.suggested-action):not(.destructive-action) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action) { + color: var(--color7); + outline: none; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + background-color: var(--color13); + color: var(--color0); + outline: none; +} + +headerbar button:checked:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 1000px rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.04); + color: var(--color0); +} + +headerbar button:checked:focus:not(.suggested-action):not(.destructive-action) { + color: var(--color0); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: rgba(225, 226, 231, 0.5); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +headerbar entry { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border-radius: 12px; +} + +headerbar entry:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar entry image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar entry image:hover, headerbar entry image:active { + color: var(--color7); +} + +headerbar entry image:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: var(--color7); + min-height: 46px; + border: none; + box-shadow: none; + padding: 0; + margin: 0; +} + +headerbar:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar:backdrop { + background-color: transparent; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + box-shadow: none; + transition: none; +} + +headerbar .title { + /* padding: 0 $space-size * 2; */ + padding: 0; + margin: 0 -20px; + font-weight: bold; +} + +headerbar .subtitle { + /* padding: 0 $space-size * 2; */ + padding: 0; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander image.expander-row-arrow, +row.expander headerbar image.expander-row-arrow, +headerbar row label.subtitle, +row headerbar label.subtitle { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar > windowhandle > box { + padding: 0 12px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0; + margin-bottom: 0; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + opacity: 1; +} + +headerbar splitbutton { + /* background-color: if( */ + /* $variant == 'light', */ + /* rgba($base_alt, 0.4), */ + /* $titlebar-fill */ + /* ); */ + background-color: transparent; + border-radius: 12px; +} + +headerbar splitbutton button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +headerbar splitbutton > separator { + background-color: transparent; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar stackswitcher { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +headerbar stackswitcher:checked { + background-color: var(--color13); + color: var(--color0); +} + +headerbar stackswitcher:checked:hover { + background-color: #fdfdfe; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar popover.background button.suggested-action:disabled, +headerbar popover.background button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar popover.background entry, +headerbar popover.background spinbutton, +headerbar popover.background button, +headerbar popover.background menubutton, +headerbar popover.background stackswitcher { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar switch { + margin: 11px 6px; +} + +headerbar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: var(--color13); + color: var(--color0); +} + +headerbar.selection-mode:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: var(--color7); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +headerbar.default-decoration { + min-height: 34px; + padding: 0; + margin: 0; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border: none; + outline: none; +} + +.solid-csd headerbar.default-decoration, .maximized headerbar.default-decoration { + border-radius: 0; + box-shadow: none; +} + +window > .titlebar:not(.flat) { + box-shadow: none; +} + +window > .titlebar headerbar:not(.flat) { + box-shadow: none; +} + +window.devel headerbar { + background: var(--color0) cross-fade(10%-gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.1)), linear-gradient(to top, var(--color24) 3px, var(--color0)); +} + +window.devel headerbar:backdrop { + background: var(--color0) cross-fade(10%-gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(var(--color0)); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 5px; + padding-right: 5px; + border-radius: 12px; + background-color: alpha(currentColor, 0.08); + border: none; + box-shadow: none; +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + + +pathbar > button:checked:hover { + background-color: alpha(currentColor, 0.16); + color: var(--color7); +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + border: none; + border-radius: 12px; + padding: 2px; +} + +headerbar .pathbar { + margin-top: 6px; + margin-bottom: 6px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.pathbar > button { + margin-top: 0; + margin-bottom: 0; + min-height: 20px; + border-radius: 10px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: var(--color24); + border-top-color: var(--color24); +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + 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: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +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: var(--color7); +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: var(--color7); +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: var(--color7); +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid var(--color13); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.progressbar:selected:hover, +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 6px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.trough:selected:hover, +treeview.view.trough:selected:hover { + box-shadow: none; +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: solid; + border-width: 0 1px 0 0; + border-color: transparent; + border-radius: 0; + background-clip: border-box; + border-image: linear-gradient(to bottom, transparent 20%, rgba(233, 233, 237, 0.12) 20%, rgba(233, 233, 237, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: transparent; +} + +columnview.view > header > button:last-child, columnview.view > header > button:only-child, +treeview.view > header > button:last-child, +treeview.view > header > button:only-child { + border-right: none; + border-image: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 0; + box-shadow: none; + background-color: var(--color0); + background-clip: border-box; + color: var(--color13); +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: var(--color13); +} + +stack.view treeview.view { + min-height: 34px; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: var(--color0); + color: var(--color7); +} + +menubar:backdrop { + background-color: var(--color0); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.csd menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +menubar > item:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 9px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: var(--color7); + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; + transition: none; + border-radius: 12px; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background-image: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; + border-radius: 12px; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: alpha(currentColor, 0.06); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: 0; + margin-right: 0; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 0; + margin-right: 0; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: var(--color0); + border-radius: 12px; + color: var(--color7); + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +popover > arrow { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +popover > contents > list, +popover > contents > .view, +popover > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover > contents separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 15px 10px; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 12px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: var(--color0); +} + +popover button, +popover entry, +popover combobox { + border-radius: 12px; +} + +popover .linked > button:not(.radio) { + border-radius: 0; +} + +popover .linked > button:not(.radio):first-child { + border-radius: 12px 0 0 12px; +} + +popover .linked > button:not(.radio):last-child { + border-radius: 0 12px 12px 0; +} + +popover .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: var(--color7); + font: initial; + border-radius: 12px; +} + +popover modelbutton:hover { + transition: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); +} + +popover modelbutton:hover accelerator { + color: var(--color13); +} + +popover modelbutton:hover accelerator:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +popover modelbutton accelerator { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: var(--color0); +} + +/************* + * Notebooks * + *************/ +tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: var(--color7); + font-weight: 500; + border-radius: 9px; +} + +tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +tabbar tab:disabled, notebook > header > tabs > tab:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +tabbar tab:active, notebook > header > tabs > tab:active { + background-color: var(--color0); + color: var(--color7); + box-shadow: none; +} + +tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +notebook, notebook.frame { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 9px; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +notebook > header { + border: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + margin: 3px; + border-radius: 12px; +} + +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 { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: 0; + -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 { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 12px; +} + +notebook > header > tabs > tab { + margin: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + color: var(--color7); +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.small-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) { + margin-right: 0; +} + +notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left > tabs, notebook > header.right > tabs { + padding-top: 0; + padding-bottom: 0; +} + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +tabbar > revealer > box { + box-shadow: none; +} + +tabbar .box { + min-height: 34px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-image: none; + padding: 0; + margin: 3px; + border-radius: 12px; + border: none; + box-shadow: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox { + padding: 3px 3px 3px 0; +} + +tabbar scrolledwindow.pinned tabbox > tabboxchild { + margin: 0; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow:not(.pinned) tabbox { + padding: 3px 0; +} + +tabbar scrolledwindow:not(.pinned) tabbox > tabboxchild { + margin: 0 -2px; +} + +tabbar scrolledwindow:not(.pinned) tabbox > tabboxchild + separator + tabboxchild { + margin-left: 0; +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar tabbox { + background-color: transparent; + background-image: none; + padding: 0; + margin: 0; + border: none; + box-shadow: none; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tabbox > separator { + margin: 9px 0; + min-width: 1px; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.12); + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > tabboxchild { + padding: 0; +} + +tabbar tabbox > tabboxchild > tab { + margin: 0; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-clip: padding-box; + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: var(--color0); +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(var(--color0), 0.6); + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +dnd tab { + min-height: 24px; + background-color: var(--color0); + color: var(--color7); + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabbar tab button.image-button.tab-close-button, +dnd tab button.image-button.tab-close-button { + margin-right: -3px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: var(--color0); + box-shadow: none; + outline: none; +} + +scrollbar.top { + border-bottom: 1px solid transparent; +} + +scrollbar.bottom { + border-top: 1px solid transparent; +} + +scrollbar.left { + border-right: 1px solid transparent; +} + +scrollbar.right { + border-left: 1px solid transparent; +} + +scrollbar > range > trough { + outline: none; + background: none; +} + +scrollbar > range > trough > slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + box-shadow: none; + outline: none; + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.15); +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.25); +} + +scrollbar > range > trough > slider:active { + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.25); +} + +scrollbar > range > trough > slider:disabled { + background-color: var(--color0); +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 2px 0; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider { + transition-property: background-color, min-height, min-width; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); + border-radius: 9999px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: var(--color0); +} + +scrollbar.horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 3px; + border: none; + border-radius: 12px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +switch:checked { + background-color: var(--color13); +} + +switch:disabled { + opacity: 0.5; +} + +switch > image { + color: transparent; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + background-color: var(--color0); + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(233, 233, 237, 0.6), 0 3px 3px -2px transparent, 0 2px 3px -1px transparent, 0 1px 4px 0 transparent; +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + border: none; + color: transparent; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-color: var(--color13); +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.15); + background-color: var(--color13); +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); + background-color: var(--color13); +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-checked-symbolic@2.svg"))); +} + + +popover.menu check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/small-radio-checked-symbolic@2.svg"))); +} + + +popover.menu radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, +treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, +treeview.view:hover radio, treeview.view:selected check, +treeview.view:selected radio, treeview.view:focus check, +treeview.view:focus radio, +columnview.view:hover check, +columnview.view:hover radio, +columnview.view:selected check, +columnview.view:selected radio, +columnview.view:focus check, +columnview.view:focus radio { + box-shadow: none; +} + +treeview.view:hover check:checked, +treeview.view:hover radio:checked, treeview.view:selected check:checked, +treeview.view:selected radio:checked, treeview.view:focus check:checked, +treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: var(--color0); + background-color: var(--color13); +} + +checkbutton.selection-mode { + border-radius: 9999px; +} + +checkbutton.selection-mode check, +checkbutton.selection-mode radio { + padding: 6px; + border-radius: 9999px; +} + +checkbutton.selection-mode check:checked, checkbutton.selection-mode check:indeterminate, +checkbutton.selection-mode radio:checked, +checkbutton.selection-mode radio:indeterminate { + color: var(--color0); + background-color: var(--color13); +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 6px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 6px; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +scale > trough:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(var(--color13)); +} + +scale > trough > highlight:disabled { + background-color: var(--color0); + background-image: image(rgba(233, 233, 237, 0.32)); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: var(--color13); + background-color: var(--color0); + box-shadow: inset 0 0 0 2px var(--color13); +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px var(--color13), 0 0 0 8px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px var(--color13), 0 0 0 8px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > slider:disabled { + box-shadow: inset 0 0 0 2px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +scale.fine-tune > trough > slider { + margin: -7px; +} + +scale > marks, +scale > value { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +scale indicator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); + color: transparent; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(45deg); + border-bottom-right-radius: 0; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: var(--color13); +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; + box-shadow: none; + margin: 0; + padding: 0; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: var(--color13); +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: var(--color19); +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: var(--color13); +} + +levelbar block.full { + background-color: var(--color20); +} + +levelbar block.empty { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: var(--color7); + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: var(--color0); + color: var(--color7); +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 12px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 12px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: none; + background-color: var(--color0); + background-clip: border-box; + border: none; + color: var(--color7); +} + +actionbar > revealer > box button, +actionbar > revealer > box entry, +actionbar > revealer > box menubutton, +actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, +actionbar > revealer > box splitbutton > button, +actionbar > revealer > box spinbutton { + margin: 0; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + border-radius: 0px 0px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 0px 0px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow > undershoot { + background-image: none; + box-shadow: none; + border: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: transparent; +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer, separator.sidebar { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********* + * Lists * + *********/ +list.content, +list.boxed-list { + border-radius: 12px; + box-shadow: none; + border: none; + background-color: transparent; +} + +list.content > row, +list.boxed-list > row { + border: none; + border-radius: 3px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +list.content > row:hover, +list.boxed-list > row:hover, list.content > row.has-open-popup, +list.boxed-list > row.has-open-popup, list.content > row:focus, +list.boxed-list > row:focus { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +list.content > row:active, +list.boxed-list > row:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:first-child), +list.boxed-list > row:not(:first-child) { + margin-top: 3px; +} + +list.content > row:first-child, +list.boxed-list > row:first-child { + border-radius: 12px 12px 3px 3px; +} + +list.content > row:last-child, +list.boxed-list > row:last-child { + border-radius: 3px 3px 12px 12px; +} + +list.content > row:only-child, +list.boxed-list > row:only-child { + border-radius: 12px; +} + +listview, +list { + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +leaflet scrolledwindow listview, leaflet scrolledwindow list { + background-color: transparent; +} + +list.frame { + border-radius: 12px; +} + +listview.view { + color: var(--color7); + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 12px; +} + +row { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-clip: padding-box; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + min-height: 46px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; +} + +.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: var(--color7); + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: var(--color7); + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: var(--color7); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: var(--color7); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: inherit; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected image, +row:selected label { + color: var(--color7); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 9px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title { + padding: 0; + font-weight: bold; + color: var(--color7); +} + +row > box.header > box.title > .subtitle { + padding: 2px 0; + font-weight: normal; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.entry .edit-icon, +row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.entry.error text > selection:focus-within { + background-color: alpha(var(--color5), 0.2); +} + +row.entry.error text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.warning text > selection:focus-within { + background-color: alpha(var(--color19), 0.2); +} + +row.entry.warning text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.success text > selection:focus-within { + background-color: alpha(var(--color20), 0.2); +} + +row.entry.success text > cursor-handle > contents { + background-color: currentColor; +} + +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.45); +} + +row.combo listview.inline { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +row.combo listview.inline, row.combo listview.inline:disabled { + background: none; + color: inherit; +} + +row.combo popover > contents { + min-width: 120px; +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; + background-color: transparent; +} + +row.expander list.nested > row { + background-color: transparent; + border: none; + background-image: none; + transition: none; + animation: none; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: var(--color13); +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +list.content > row.expander row.header, +list.boxed-list > row.expander row.header { + background-color: transparent; + border: none; + box-shadow: none; +} + +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +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: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid var(--color13); +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: var(--color0); + background-color: var(--color13); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: var(--color13); +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover, expander:active { + color: var(--color7); +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +expander-widget > box > title { + border-radius: 12px; +} + +expander-widget > box > title:hover > expander { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.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 * + ************/ +calendar { + padding: 0; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 12px; + color: var(--color7); +} + +calendar:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +calendar:selected { + border-radius: 12px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +calendar > grid > label { + border-radius: 12px; + margin: 0; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 6px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button { + border-radius: 9px; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +window.dialog.message.background { + background-color: var(--color17); +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 6px; + border-spacing: 24px; +} + +window.dialog.message box.dialog-vbox.vertical > box.vertical { + margin-bottom: 6px; +} + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); + color: var(--color7); +} + +window.dialog.message .titlebar:backdrop { + background-color: var(--color17); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +window.dialog.message .dialog-action-area { + border: none; + margin: 0; + padding: 6px; + border-spacing: 6px; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + color: var(--color6); +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: var(--color5); +} + +window.aboutdialog.background.csd scrolledwindow.frame, +window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text { + border-radius: 12px; +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: var(--color17); + color: var(--color7); + padding: 6px; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area { + border-spacing: 6px; +} + +window.messagedialog .response-area button.suggested { + color: var(--color13); +} + +window.messagedialog .response-area button.destructive { + color: var(--color5); +} + +window.messagedialog .response-area separator { + background: none; + margin: 3px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + color: inherit; +} + +leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 6px; + background-color: transparent; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; + transition: background 0.25s ease, color 0.25s ease; +} + +stacksidebar row:selected { + font-weight: 600; + background-image: linear-gradient(to left, @sidebar_backdrop_color, @view_bg_color); +} + +stacksidebar row + row { + margin-top: 3px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + /* padding: $space-size - 4 $space-size - 2; //only vertical padding. horizontal row size would clip */ + padding: 0 6px; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.background { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar > separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 10px 15px; +} + +.navigation-sidebar row.activatable label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.navigation-sidebar > row { + min-height: 24px; + /* padding: 0 $space-size 0 $space-size; */ + padding: 0 6px; + border-radius: 9px; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:active { + background-color: alpha(currentColor, 0.12); +} + +.navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + box-shadow: none; +} + +.navigation-sidebar > row:selected label, +.navigation-sidebar > row:selected image { + color: var(--color13); + font-weight: 700; +} + +.navigation-sidebar > row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +.navigation-sidebar > row:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.navigation-sidebar > row:not(:first-child) { + margin-top: 3px; +} + +/**************** + * File chooser * + ****************/ +filechooser paned > separator { + background: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +filechooser paned > box #pathbarbox.view, +filechooser paned > box stack.view, +filechooser paned > box columnview.view, +filechooser paned > box gridview.view { + background-color: transparent; +} + +filechooser .dialog-action-box { + border: none; +} + +filechooser #pathbarbox { + border: none; + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +filechooser child.activatable filelistcell.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +placessidebar { + background-color: transparent; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon { + color: inherit; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar list.navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row { + color: var(--color13); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: var(--color13); +} + +placessidebar list.navigation-sidebar > row:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(var(--color24)); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: var(--color0); + background-image: image(var(--color24)), image(var(--color24)); + 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; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 12px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: var(--color0); + color: var(--color7); +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +) { + color: var(--color13); +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: transparent; + color: var(--color7); + border-radius: 9px; + border: none; +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: var(--color19); + color: var(--color7); +} + +infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.warning:hover > revealer > box { + background-color: var(--color19); +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: var(--color5); + color: var(--color7); +} + +infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.error:hover > revealer > box { + background-color: var(--color5); +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: var(--color14); + color: var(--color13); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + border-radius: 12px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: var(--color7); +} + +colorswatch.light { + color: var(--color0); +} + +colorchooser colorswatch:hover { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px var(--color13); +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; + color: var(--color7); +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: var(--color0); +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + outline: none; + margin: 0; + transition: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; + transition: none; +} + +window.csd.maximized, window.csd.fullscreen { + box-shadow: none; + outline: none; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: var(--color0); + border: 1px solid var(--color24); +} + +window.solid-csd:backdrop { + background-color: var(--color0); +} + +window.ssd { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 22px; + min-width: 22px; + padding: 6px 0; + margin-left: 0px; + margin-right: 0px; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + background: none; + box-shadow: none; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.1); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.15); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.2); +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 6px; + margin-left: 6px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 6px; + margin-right: 6px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + border-radius: 100%; + padding: 0; +} + + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, .link selection, calendar > grid > label.today { + color: var(--color0); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b)), 0.47; +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: var(--color8); + background-color: var(--color6); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: var(--color13); + -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg")); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: var(--color17); + color: var(--color7); + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: var(--color13); +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 15px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border: none; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action) { + margin: 0; + border-radius: 9999px; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):checked { + background-color: var(--color13); + color: var(--color0); +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):checked:hover { + box-shadow: none; + background-color: #fdfdfe; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + /* border-bottom: 1px solid $divider; */ + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 3px; + border-spacing: 0; + background: none; +} + +.emoji-toolbar > flowboxchild { + padding: 3px; +} + +.emoji-toolbar > flowboxchild > button { + padding: 6px; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 12px; +} + +button.emoji-section:checked { + color: var(--color13); +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor, 0.08); +} + +emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +emoji-completion-row > box { + border-spacing: 6px; + padding: 2px 6px; +} + +emoji-completion-row:focus, emoji-completion-row:hover, +emoji-completion-row emoji:hover, +emoji-completion-row emoji:focus { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window.view { + background-color: var(--color0); +} + +.nautilus-window .sidebar-pane { + background-color: var(--color0); + color: var(--color7); +} + +.nautilus-window .sidebar-pane:backdrop { + background-color: var(--color0); + transition: none; +} + +.nautilus-window placesview label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window flap > separator { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + /* @extend %content_style; */ +} + +.nautilus-window .nautilus-grid-view .view, +.nautilus-window .nautilus-list-view .view { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view row.activatable > cell, +.nautilus-window .nautilus-list-view row.activatable > cell { + padding: 0px; + margin: 0px; +} + +.nautilus-window .nautilus-grid-view gridview.view { + margin: 10px 5px; + padding: 10px 5px; +} + +.nautilus-window tabbar .box { + background-color: transparent; + box-shadow: none; + padding: 0; +} + +.nautilus-window tabbar .box:backdrop { + background-color: transparent; + box-shadow: none; +} + +.nautilus-window tabbox, .nautilus-window tabbox:backdrop { + transition: none; + background-color: transparent; +} + +.nautilus-window tabbox > tabboxchild > tab { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window tabbox > tabboxchild > tab:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.nautilus-window tabbox > tabboxchild > tab:checked, .nautilus-window tabbox > tabboxchild > tab:selected { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +.nautilus-window tabbox > tabboxchild > tab:checked:disabled, .nautilus-window tabbox > tabboxchild > tab:selected:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button { + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button:hover, .nautilus-window tabbox > tabboxchild > tab button.tab-close-button:active { + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button:disabled { + color: var(--color7); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 9px; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.95); + color: var(--color13); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: var(--color7); +} + +.nautilus-window banner > revealer > widget { + color: var(--color7); + background-color: var(--color14); + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget:hover { + background-color: var(--color0); + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget button { + color: var(--color0); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +.nautilus-window banner > revealer > widget button:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.6); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; + padding: 3px; + margin-right: -5px; +} + +#NautilusQueryEditor > menubutton > button.image-button:checked image { + color: var(--color0); +} + +#NautilusQueryEditor > text, +#NautilusQueryEditor > box, +#NautilusQueryEditor > menubutton { + margin: 3px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px; + margin: 6px 0; +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 12px; +} + +#NautilusPathButton.current-dir { + color: var(--color13); +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusFileChooser gridview.view { + background-color: transparent; + margin: 10px 5px; + padding: 10px 5px; +} + +#NautilusFileChooser columnview.view, +row.activatable > cell { + background-color: transparent; + padding: 1px 10px; +} + +#NautilusProgressIndicator popover label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +#NautilusProgressIndicator popover image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +/* Nautilus Progress Indicator */ +windowhandle box.vertical box.toolbar { + background-color: var(--color0); + border: none; + outline: none; +} + +windowhandle box.toolbar menubutton button.toggle { + background-color: var(--color0); + border: none; + outline: none; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.display-container.card { + background-color: var(--color0); +} + +.small .display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: transparent; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +leaflet button.number-button { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: var(--color13); +} + +label.secondary-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +toastoverlay toast { + background-color: var(--color17) !important; + color: var(--color2) !important; + border-radius: 12px; + padding: 8px; + box-shadow: 0 2px 4px rgba(0,0,0,0.1); +} + +toastoverlay datechooser.view, +toastoverlay agenda-view.view, +toastoverlay agenda-view.view list, +toastoverlay stack.view { + background-color: transparent; +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: var(--color13); + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(var(--color13), 0.3); +} + +popover.events { + background-color: var(--color17); + padding: 0; +} + +popover.events box { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +popover.events list { + background-color: var(--color0); + border-radius: 12px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 12px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 12px; +} + +event.timed widget.edge { + border-radius: 6px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 6px 6px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 6px 0 0 6px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: var(--color0); +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +menubutton.flat.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.flat.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.flat.sources-button > button { + border-radius: 0 0 12px 12px; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border-radius: 12px; +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button.flat, +datechooser navigator button.image-button { + min-height: 34px; + min-width: 34px; + padding: 0; +} + +datechooser .weeknum, +datechooser .weekday { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + font-size: smaller; +} + +datechooser button.day { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 34px; + min-width: 34px; + transition: none; +} + +datechooser button.day dot { + background-color: var(--color7); + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected { + background-color: var(--color13); + color: var(--color0); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: var(--color7); +} + +datechooser button.day.today { + color: var(--color13); +} + +datechooser button.day.today dot { + background-color: var(--color13); +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +datechooser button.day.other-month:hover:not(:backdrop) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.week-header.lines { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(var(--color13), 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(var(--color13), 0.25); +} + +monthcell { + border: solid 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: var(--color0); + transition: background-color 200ms; + color: var(--color7); +} + +monthcell:selected { + background-color: alpha(var(--color13), 0.1); +} + +monthcell:selected:hover { + background-color: alpha(var(--color13), 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(var(--color13), 0.2); +} + +monthcell.today:hover { + background-color: alpha(var(--color13), 0.3); + color: var(--color13); +} + +monthcell.today:selected { + background-color: alpha(var(--color13), 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(var(--color13), 0.35); +} + +monthcell label { + color: var(--color7); + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +monthcell.out-of-month label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 12px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list.background > row { + padding: 2px 12px; +} + +agenda-view list.background > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +menubutton stack > box { + border-spacing: 6px; +} + +#TweakPreferencesPage.tweak-group label.subtitle { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +#TweakPreferencesPage label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.tweak-titlebar-left { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-top-left-radius: 12px; +} + +.tweak-titlebar-left > windowhandle > box { + padding: 0px; + margin: 0 5px 0 15px; +} + +.tweak-titlebar-left > windowhandle widget > box.start { + padding: 0px; + margin: 0 2px 0 0; +} + +.tweak-titlebar-left > windowhandle widget > box, +.tweak-titlebar-left windowtitle { + padding: 0px; + margin: 0 -3px 0 10px; +} + +.tweak-titlebar-left:backdrop { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-top-left-radius: 12px; +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow .dim-label, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row label.subtitle, row .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow label.subtitle, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row.expander image.expander-row-arrow, row.expander .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: var(--color13); + border-radius: 0; + color: var(--color0); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +carousel.card { + border: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.smaller { + font-size: smaller; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +gs-summary-tile image.loading-icon { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 12px; +} + +.review-row > box { + margin: 12px; + border-spacing: 3px; +} + +.review-row textview { + background: none; +} + +.review-row .edit-icon { + min-width: 24px; + min-height: 24px; + padding: 6px; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: var(--color19); +} + +.origin-button > button { + padding: 3px 9px; +} + +clamp { + background-color: var(--color0); +} + +.nautilus-window clamp { + background-color: transparent; +} + + +clamp.medium .category-tile:not(.category-tile-iconless) { + font-size: large; +} + +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +flowboxchild.card:not(.category-tile) { + padding: 0; + box-shadow: none; + border: none; + background-color: transparent; + background-image: none; +} + +.category-tile.card { + padding: 21px; + border: none; + border-radius: 12px; + min-width: 140px; + font-weight: 900; + font-size: larger; +} + +.category-tile.card:not(.category-tile-iconless), .category-tile.card:not(.category-tile-iconless):active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + animation: none; +} + +.category-tile.card.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; +} + +.category-tile.card.category-create { + background: linear-gradient(180deg, var(--color13) 0%, var(--color6) 100%); + color: var(--color10); +} + +.category-tile.card.category-create:hover { + background: linear-gradient(180deg, shade(var(--color13), 1.07) 0%, shade(var(--color6), 1.1) 100%); + color: var(--color10); +} + +.category-tile.card.category-create:active { + background: linear-gradient(180deg, shade(var(--color13), 0.95) 0%, shade(var(--color6), 0.95) 100%); + color: var(--color10); +} + +.category-tile.card.category-develop { + background-color: var(--color19); + color: var(--color7); +} + +.category-tile.card.category-develop:hover { + background-color: shade(var(--color19), 1.2); + color: var(--color7); +} + +.category-tile.card.category-develop:active { + background-color: shade(var(--color19), 0.95); + color: var(--color7); +} + +.category-tile.card.category-learn { + background: linear-gradient(180deg, var(--color20) 30%, var(--color19) 100%); + color: var(--color21); +} + +.category-tile.card.category-learn:hover { + background: linear-gradient(180deg, shade(var(--color20), 1.06) 30%, shade(var(--color19), 1.06) 100%); + color: var(--color21); +} + +.category-tile.card.category-learn:active { + background: linear-gradient(180deg, shade(var(--color20), 0.95) 30%, shade(var(--color19), 0.95) 100%); + color: var(--color21); +} + +.category-tile.card.category-play { + background: linear-gradient(75deg, var(--color19) 0%, #eb5ec3 50%, var(--color13) 100%); + color: var(--color11); +} + +.category-tile.card.category-play:hover { + background: linear-gradient(75deg, shade(var(--color19), 1.07) 0%, shade(var(--color13), 1.07) 50%, shade(var(--color3), 1.07) 100%); + color: var(--color11); +} + +.category-tile.card.category-play:active { + background: linear-gradient(75deg, shade(var(--color19), 0.97) 0%, shade(var(--color13), 0.95) 50%, shade(var(--color3), 1.07) 100%); + color: var(--color11); +} + +.category-tile.card.category-socialize { + background: linear-gradient(90deg, var(--color13) 0%, var(--color3) 100%); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.category-tile.card.category-socialize:hover { + background: linear-gradient(90deg, shade(var(--color13), 1.08) 0%, shade(var(--color3), 1.08) 100%); +} + +.category-tile.card.category-socialize:active { + background: linear-gradient(90deg, shade(var(--color13), 0.95) 0%, shade(var(--color3), 0.95) 100%); +} + +.category-tile.card.category-work { + padding: 1px; + color: var(--color13); + background-color: var(--color0); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.category-tile.card.category-work:hover { + color: var(--color13); + background-color: var(--color14); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); +} + +.category-tile.card.category-work:active { + color: var(--color13); + background-color: var(--color22); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.featured-tile { + padding: 0; + box-shadow: none; + color: var(--color7); +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.application-details-infobar.warning { + background-color: var(--color19); + color: var(--color7); + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.card.info { + background-color: var(--color23); + color: var(--color7); +} + +.card.warning { + background-color: var(--color14); + color: var(--color5); +} + +.infobox { + border-spacing: 6px; + padding: 12px; +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, var(--color13) 2px, alpha(var(--color13), 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(233, 233, 237, 0.12), rgba(233, 233, 237, 0.12)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-image: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.review-histogram star-image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +flowboxchild { + padding: 0px; +} + +star-image > image.starred { + color: var(--color20); + transition-duration: 200ms; +} + +star-image > image.starred:hover { + color: var(--color19); +} + +star-image > image.non-starred { + opacity: 0.2; + transition-duration: 200ms; +} + +star-image > image.non-starred:hover { + color: var(--color20); + opacity: 0.7; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 12px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, var(--color20), var(--color13)); + color: var(--color10); +} + +.upgrade-buttons #button_upgrades_install, +.upgrade-buttons #button_upgrades_install_cancel { + padding-left: 16px; + padding-right: 16px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + transition-property: outline, outline-offset, background-image; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); +} + +app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { + background-color: alpha(currentColor, 0.12); +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +app-context-bar > box:not(:first-child) > button.flat { + border-radius: 0; +} + +app-context-bar > box:not(:first-child) > button.flat:last-child { + border-radius: 0 12px 12px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 12px 0 0 12px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: var(--color19); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: var(--color8); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: var(--color19); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: var(--color6); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: var(--color5); + background-color: rgba(245, 42, 101, 0.15); +} + +.eol-red { + font-weight: bold; + color: var(--color5); +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: 'tnum'; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp:not(:last-child) +> box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp +> box +> .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp +> box +> .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -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); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: var(--color5); +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents > leaflet > box > stack.background { + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, transparent 46px, var(--color0) 46px, var(--color0)); +} + +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 6px; +} + +.weather-popover { + margin-top: 6px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 12px; +} + +.forecast-card separator { + background-color: var(--color0); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 18px; + margin-right: 18px; +} + +#weather-page .small .forecast-card { + margin-left: 0; + margin-right: 0; + border-radius: 0; + border-width: 1px 0; +} + +.forecast-temperature-label { + font-weight: bold; + color: #ae7b03; +} + +WeatherThermometer { + margin-bottom: 12px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: var(--color19); +} + +WeatherThermometer > label.low { + font-weight: bold; + color: var(--color6); +} + +.forecast-button { + margin: 0 12px; +} + +.forecast-graphic { + margin: 18px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 24px; + min-height: 24px; +} + +button.osd.circular > image { + padding: 0; +} + +scrolledwindow.inline list, +scrolledwindow.inline listview { + background: none; + color: inherit; +} + +scrolledwindow.inline undershoot.top { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.search-view { + background-color: var(--color13); + color: var(--color0); +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +image.circular { + min-width: 34px; + min-height: 34px; + padding: 0; + border-radius: 9999px; +} + +#gnome-system-monitor.background.csd { + background-color: var(--color0); +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: var(--color13); +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: var(--color13); + background-color: alpha(var(--color6), 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: var(--color6); + background-color: alpha(var(--color6), 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: var(--color19); + background: alpha(var(--color19), 0.25); +} + +headerbar splitbutton notification button { + margin: 0; + min-height: 24px; + min-width: 24px; + padding: 0; +} + +popover.background.global-search > arrow, +popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 3px; +} + +.frameheader.header { + min-height: 24px; + background-color: var(--color0); +} + +.frameheader.header > button { + border: none; + margin: 0; + padding: 3px; +} + +.frameheader.header tabbar.inline > revealer > box { + min-height: 24px; +} + +.frameheader.header tabbar.inline > revealer > box .start-action { + padding: 0; + border: none; +} + +.frameheader.header tabbar.inline > revealer > box .end-action { + padding: 0; + border-left: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton button { + border-radius: 0; +} + +.style-variant { + padding: 0 12px; +} + +.style-variant button.toggle { + padding: 0; +} + +.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked { + background: none; + outline: none; + border: none; + box-shadow: none; +} + +.style-variant button.toggle > stylevariantpreview > .wallpaper { + border-radius: 12px; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; + box-shadow: none; +} + +.style-variant button.toggle:hover > stylevariantpreview > .wallpaper { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: var(--color13); +} + +playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +playlistview queuerow picture.cover, +playlistview queuerow image.card { + border: none; +} + +window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { + border: none; + border-radius: 0; +} + +window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child { + border-radius: 0; +} + +/* Tagger */ +list.music-list { + margin: -40px 0; + background-color: transparent; +} + +/* Nicotine+ */ +notebook scrolledwindow treeview.treeview-spacing { + background-color: var(--color0); +} + +.account-switcher-row label { + color: var(--color7); +} + +.account-switcher-row label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +avatar { + border-radius: 9999px; + font-weight: bold; +} + +avatar.color1 { + background-image: linear-gradient(#83b6ec, #337fdc); + color: #cfe1f5; +} + +avatar.color2 { + background-image: linear-gradient(#7ad9f1, #0f9ac8); + color: #caeaf2; +} + +avatar.color3 { + background-image: linear-gradient(#8de6b1, #29ae74); + color: #cef8d8; +} + +avatar.color4 { + background-image: linear-gradient(#b5e98a, #6ab85b); + color: #e6f9d7; +} + +avatar.color5 { + background-image: linear-gradient(#f8e359, #d29d09); + color: #f9f4e1; +} + +avatar.color6 { + background-image: linear-gradient(#ffcb62, #d68400); + color: #ffead1; +} + +avatar.color7 { + background-image: linear-gradient(#ffa95a, #ed5b00); + color: #ffe5c5; +} + +avatar.color8 { + background-image: linear-gradient(#f78773, #e62d42); + color: #f8d2ce; +} + +avatar.color9 { + background-image: linear-gradient(#e973ab, #e33b6a); + color: #fac7de; +} + +avatar.color10 { + background-image: linear-gradient(#cb78d4, #9945b5); + color: #e7c2e8; +} + +avatar.color11 { + background-image: linear-gradient(#9e91e8, #7a59ca); + color: #d5d2f5; +} + +avatar.color12 { + background-image: linear-gradient(#e3cf9c, #b08952); + color: #f2eade; +} + +avatar.color13 { + background-image: linear-gradient(#be916d, #785336); + color: #e5d6ca; +} + +avatar.color14 { + background-image: linear-gradient(#c0bfbc, #6e6d71); + color: #d8d7d3; +} + +avatar.contrasted { + color: var(--color7); +} + +avatar.image { + background: none; +} + +.card { + border-radius: 12px; + border: none; + background-clip: border-box; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + box-shadow: none; + outline: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +.card.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.card.activatable:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +.card.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); + color: var(--color7); + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 2px; + border-spacing: 3px; +} + +viewswitcher.wide button.toggle { + border-radius: 3px; +} + +viewswitcher.wide button.toggle:first-child { + border-top-left-radius: 17px; + border-bottom-left-radius: 17px; +} + +viewswitcher.wide button.toggle:last-child { + border-top-right-radius: 17px; + border-bottom-right-radius: 17px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0 0 3px 3px; + margin: 0; +} + +viewswitcher.narrow button.toggle:first-child { + border-bottom-left-radius: 12px; +} + +viewswitcher.narrow button.toggle:last-child { + border-bottom-right-radius: 12px; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle:focus:not(:hover):not(:active) { + box-shadow: none; + outline: none; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 8px; + padding-bottom: 4px; + border-spacing: 3px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle { + border-radius: 12px; + margin: 3px 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 5px; + padding-bottom: 1px; + border-spacing: 0; +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 0; + padding-bottom: 0; + border-spacing: 0; +} + +viewswitchertitle viewswitcher.wide { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +indicatorbin > indicator, +indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: var(--color7); +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: var(--color13); +} + +indicatorbin.needs-attention > indicator > label { + color: var(--color7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +preferencesgroup > box background-preview widget.sidebar, +preferencesgroup > box widget.header-bar:not(.editable-area) { + background-color: var(--color0); +} + +preferencesgroup > box, +preferencesgroup > box .labels { + border-spacing: 6px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 6px; +} + +preferencesgroup > box > box.single-line { + min-height: 34px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, +preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 9px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: var(--color13); +} + +preferencesgroup > box .cutout-button { + background-color: var(--color0); +} + +preferencesgroup > box button.accent-button { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; + background: var(--accent-bg-color); + outline: none; + background-clip: content-box; + box-shadow: none; +} + +preferencesgroup > box button.accent-button:hover { + box-shadow: 0 0 0 3px alpha(currentColor, 0.08); +} + +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px var(--color13); +} + +preferencesgroup > box button.accent-button.blue, preferencesgroup > box button.accent-button.teal, preferencesgroup > box button.accent-button.green, preferencesgroup > box button.accent-button.yellow, preferencesgroup > box button.accent-button.orange, preferencesgroup > box button.accent-button.red, preferencesgroup > box button.accent-button.pink, preferencesgroup > box button.accent-button.purple, preferencesgroup > box button.accent-button.slate { + --accent-color: oklab( + from var(--accent-bg-color) var(--standalone-color-oklab) + ); +} + +preferencesgroup > box button.accent-button.blue { + --accent-bg-color: var(--accent-blue); +} + +preferencesgroup > box button.accent-button.teal { + --accent-bg-color: var(--accent-teal); +} + +preferencesgroup > box button.accent-button.green { + --accent-bg-color: var(--accent-green); +} + +preferencesgroup > box button.accent-button.yellow { + --accent-bg-color: var(--accent-yellow); +} + +preferencesgroup > box button.accent-button.orange { + --accent-bg-color: var(--accent-orange); +} + +preferencesgroup > box button.accent-button.red { + --accent-bg-color: var(--accent-red); +} + +preferencesgroup > box button.accent-button.pink { + --accent-bg-color: var(--accent-pink); +} + +preferencesgroup > box button.accent-button.purple { + --accent-bg-color: var(--accent-purple); +} + +preferencesgroup > box button.accent-button.slate { + --accent-bg-color: var(--accent-slate); +} + +preferencesgroup > box box > list.boxed-list-separate { + background-color: transparent; + border-radius: 12px; +} + +preferencesgroup > box box > list.boxed-list-separate row { + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px 12px 0 0; + margin-top: 0px; + margin-bottom: 2px; +} + +preferencesgroup > box box > list.boxed-list-separate row:first-child { + border-radius: 12px 12px 0 0; +} + +preferencesgroup > box box > list.boxed-list-separate row:last-child { + border-radius: 0 0 12px 12px; + margin-bottom: 0; +} + +preferencesgroup > box box > list.boxed-list-separate row + row { + margin-top: 2px; +} + +preferencesgroup > box box > list.boxed-list-separate row:hover, preferencesgroup > box box > list.boxed-list-separate row:focus { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +window.about .main-page > viewport > clamp > box { + margin: 12px; + border-spacing: 6px; +} + +window.about .main-page > viewport > clamp > box > box { + margin-top: 18px; + border-spacing: 18px; + margin-bottom: 6px; +} + +window.about .main-page .app-version { + padding: 3px 18px; + color: var(--color13); + border-radius: 12px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.55); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.35; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 24px 12px; + border-spacing: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2); + background-image: none; +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background-color: transparent; + background-image: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right, +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up, +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down, +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +.sidebar-pane .sidebar > scrolledwindow, +.sidebar-pane toolbarview > scrolledwindow, +.sidebar-pane navigation-view-page stack > scrolledwindow, .sidebar-pane, .toolbar, filechooser paned > box, placessidebar > scrolledwindow, agenda-view list.background, .tweak-titlebar-left, .tweak-titlebar-left:backdrop, leaflet.unfolded > box > scrolledwindow, leaflet.unfolded .contacts-contact-list > scrolledwindow, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow { + background-color: var(--color0); + color: var(--color7); + border-radius: 0; + margin: 0; +} + +.sidebar-pane .sidebar > scrolledwindow .dim-label, +.sidebar-pane toolbarview > scrolledwindow .dim-label, +.sidebar-pane navigation-view-page stack > scrolledwindow .dim-label, .sidebar-pane .dim-label, .toolbar .dim-label, filechooser paned > box .dim-label, placessidebar > scrolledwindow .dim-label, agenda-view list.background .dim-label, .tweak-titlebar-left .dim-label, leaflet.unfolded > box > scrolledwindow .dim-label, leaflet.unfolded .contacts-contact-list > scrolledwindow .dim-label, .sidebar-pane row label.subtitle, row .sidebar-pane label.subtitle, .toolbar row label.subtitle, row .toolbar label.subtitle, filechooser paned > box row label.subtitle, row filechooser paned > box label.subtitle, placessidebar > scrolledwindow row label.subtitle, row placessidebar > scrolledwindow label.subtitle, agenda-view list.background row label.subtitle, row agenda-view list.background label.subtitle, .tweak-titlebar-left row label.subtitle, row .tweak-titlebar-left label.subtitle, leaflet.unfolded > box > scrolledwindow row label.subtitle, row leaflet.unfolded > box > scrolledwindow label.subtitle, leaflet.unfolded .contacts-contact-list > scrolledwindow row label.subtitle, row leaflet.unfolded .contacts-contact-list > scrolledwindow label.subtitle, .sidebar-pane row.expander image.expander-row-arrow, row.expander .sidebar-pane image.expander-row-arrow, .toolbar row.expander image.expander-row-arrow, row.expander .toolbar image.expander-row-arrow, filechooser paned > box row.expander image.expander-row-arrow, row.expander filechooser paned > box image.expander-row-arrow, placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander placessidebar > scrolledwindow image.expander-row-arrow, agenda-view list.background row.expander image.expander-row-arrow, row.expander agenda-view list.background image.expander-row-arrow, .tweak-titlebar-left row.expander image.expander-row-arrow, row.expander .tweak-titlebar-left image.expander-row-arrow, leaflet.unfolded > box > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded > box > scrolledwindow image.expander-row-arrow, leaflet.unfolded .contacts-contact-list > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded .contacts-contact-list > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.nautilus-window placessidebar > scrolledwindow { + background-color: var(--color0); + color: var(--color7); + border-radius: 0; + margin: 0 6px 0 0; +} + +.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window placessidebar > scrolledwindow label.subtitle, .nautilus-window placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander .nautilus-window placessidebar > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough, placessidebar > scrolledwindow > scrollbar > range > trough, .nautilus-window placessidebar scrollbar > range > trough, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough { + margin: 0 -8px 0 0; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + background-color: var(--color0); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:hover, placessidebar > scrolledwindow > scrollbar > range > trough > slider:hover, .nautilus-window placessidebar scrollbar > range > trough > slider:hover, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover { + background-color: var(--color17); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:active, placessidebar > scrolledwindow > scrollbar > range > trough > slider:active, .nautilus-window placessidebar scrollbar > range > trough > slider:active, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active { + background-color: var(--color17); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:disabled, placessidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, .nautilus-window placessidebar scrollbar > range > trough > slider:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled { + background-color: var(--color0); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +calendar-view { + margin: 6px; +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px; + margin: 6px; +} + +placessidebar list.navigation-sidebar, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar { + padding: 6px 0 6px 6px; + background: none; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +placessidebar list.navigation-sidebar > separator, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > separator, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > separator, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 10px 15px; +} + +placessidebar list.navigation-sidebar > row, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); + border-radius: 9px; + color: var(--color7); + padding: 6px 0; +} + +placessidebar list.navigation-sidebar > row:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:active, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus { + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row:selected, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + color: var(--color13); + font-weight: 500; +} + +placessidebar list.navigation-sidebar > row:selected:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:hover, placessidebar list.navigation-sidebar > row:selected:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:focus { + /* background-color: rgba($base, 0.9); */ + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.top, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.top, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.top, filechooser paned > box scrolledwindow scrollbar.top, placessidebar > scrolledwindow > scrollbar.top, .nautilus-window placessidebar scrollbar.top, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.top, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.top, leaflet.unfolded > box > scrolledwindow > scrollbar.top, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.top, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.top { + border-bottom: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.bottom, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.bottom, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.bottom, filechooser paned > box scrolledwindow scrollbar.bottom, placessidebar > scrolledwindow > scrollbar.bottom, .nautilus-window placessidebar scrollbar.bottom, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.bottom, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.bottom, leaflet.unfolded > box > scrolledwindow > scrollbar.bottom, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.bottom, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.bottom { + border-top: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.left, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.left, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.left, filechooser paned > box scrolledwindow scrollbar.left, placessidebar > scrolledwindow > scrollbar.left, .nautilus-window placessidebar scrollbar.left, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.left, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.left, leaflet.unfolded > box > scrolledwindow > scrollbar.left, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.left, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.left { + border-right: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.right, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.right, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.right, filechooser paned > box scrolledwindow scrollbar.right, placessidebar > scrolledwindow > scrollbar.right, .nautilus-window placessidebar scrollbar.right, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.right, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.right, leaflet.unfolded > box > scrolledwindow > scrollbar.right, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.right, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.right { + border-left: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, filechooser paned > box scrolledwindow scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar > range > trough > slider, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + border: 4px solid transparent; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + border: none; + margin: 1px; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.dragging, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.dragging, placessidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, .nautilus-window placessidebar scrollbar.overlay-indicator.dragging, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.dragging, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.dragging, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.dragging, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.hovering, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.hovering, placessidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, .nautilus-window placessidebar scrollbar.overlay-indicator.hovering, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.hovering, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.hovering, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.hovering, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.hovering, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-top > undershoot.top, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-top > undershoot.top { + border-radius: 12px 12px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-bottom > undershoot.bottom, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 12px 12px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.sidebar-pane { + color: var(--color7); + border-top-left-radius: 12px; +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane headerbar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane .navigation-sidebar { + padding: 2px 4px; + background: none; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.sidebar-pane:dir(ltr), +.sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), +.sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-right: none; +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: transparent; + color: var(--color7); +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: transparent; + transition: none; +} + +.content-pane { + background-color: var(--color0); + color: var(--color7); + border-top-right-radius: 12px; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.content-pane headerbar, .content-pane headerbar:backdrop { + background-color: transparent; + box-shadow: none; + border: none; +} + +.maximized .content-pane, .fullscreen .content-pane, .tiled .content-pane, .tiled-top .content-pane, .tiled-right .content-pane, .tiled-bottom .content-pane, .tiled-left .content-pane { + border-radius: 0; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.top-bar { + box-shadow: none; + background: none; + border: none; +} + +.top-bar headerbar, .top-bar headerbar:backdrop { + background-color: transparent; + box-shadow: none; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px var(--color13); +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, var(--color7) 50%, var(--color17) 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: var(--color7); +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: var(--color17); +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); + color: var(--color0); + background-color: var(--color13); +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: var(--color0); + background-color: var(--color13); +} + +themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px var(--color13); +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active { + background-color: transparent; + border: none; + background: none; + box-shadow: none; + color: transparent; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +themeswitcher checkbutton.system { + background: linear-gradient(-45deg, var(--color0) 50%, var(--color7) 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: var(--color7); +} + +themeswitcher checkbutton.dark { + color: var(--color7); + background-color: var(--color0); +} + diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/thumbnail.png b/dotfiles/.themes/Material-Gnome/gtk-4.0/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..3b42941e722b608068c439c6bb48aad49dd428b3 GIT binary patch literal 1575 zcmV+?2H5$DP)x)(lXx|JG1aF{J9~3D0IWu9jKq8S!#N#zR8q+!$u?`BTLbNknyWX*}^Pd%J82)K!*pQNB^%y@*QGg#v ztMf|dl`HAA5V$dU$3+Un^&9Ezv~rJ}Oty4!NA98kzmW)s<-A2Bl0lr0|0ACYwa+BQDOp$GmlGM1KSTsh}#Qg6UX!i68ag+mo-*EdD{tQ}3T9+iL zezmAqFJB@xGf8v5oGrWWrLbiiq9fb3Qwe3-9ZOc+%jCwyIty^z<4+iyOrljz_9TeKw z=Iq`ju(hnRXeSAx+Xt>rO;EP)1M#y!^oczcv1NpvEk{|j9e=&>3`wijh;u0xr%3B2 zs(oaqWt;iQtE7znMzPKJ8_tn%=mMswx4!p|~s0%_|F!$?OQKyd*PHlM}q8az# zQ1Z5-FcWXRSiA-go%-+{AF%4 z7ugJW{ED4Vi8k((?dhlz?j(kgXy!~R4 z8|{-Ypzv^rwJ5+GXcTJgLcN(SY-X5&kZpvOEzdj{4;x3gd7}umi}fny+-V^$U<>m) z1`j}lkQe5Bh^|?L@x_3UI9(DNv8$9n@})S(631!A>=dhn$;h+q@I+uFR?*E5hy$YF zr_p?RtD}}|f)o;+nUDU<^w*uNCL; zu7Wqu@;SI@m=6kl0##a;xtHe8ohp`dCx7H#+)kAQ-l+#$hj`%F9z>E;$e6J=Z@0uj z8#lJ}HjTU(b!NMYR<=A5SR_6?*}-v@9}pEG6~y^+X^JOBNR+gh>0%p%Slowt2wPfS z`Q%=@HgHHJS?Dvi_2FVzt`u`TbJc^nt+xARv7|wGG|QL``?8ozjcn;{#=BqP-r6e4 z5EcUpb!Ky|l`YGc4RvoHATKC*CcN~9YkY7>I^m4U#M>FQEr)Bbb(>zp!>oPjO+ybV zZ15Xp%%zCAd;dPmd#r4^!Oqr_>|{w60!bxaX;k(~Tsy>4I|lmou~RB- z%kq6NvNL>P;1>|i)bTM#_lm7T{`=$03T87!U{5;t`KL7d(=e4oC2iS$(Sf-KYrbj+ zUgFlf3LuM??`k87Z!gLV>r^!}LGygDsQ4u4)Ctd~Gp}tq`l=E}@y5b#1N~M5qa6=M z`TnTzlI2M7*{shAKAZJ9l1ADv1^5$<&PYsSBNX6ER7Slll}aV@O3lxV1%F-WCp3-H z#f Z?q8Df?}Yvs$PoYl002ovPDHLkV1hrR^hW>y literal 0 HcmV?d00001 diff --git a/dotfiles/.themes/Material-Gnome/index.theme b/dotfiles/.themes/Material-Gnome/index.theme new file mode 100644 index 000000000..059deed00 --- /dev/null +++ b/dotfiles/.themes/Material-Gnome/index.theme @@ -0,0 +1,12 @@ +Type=X-GNOME-Metatheme +[Desktop Entry] +Name=Material-Gnome +Comment=An Flat Gtk+ theme based on Matugen color generator +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Material-Gnome +MetacityTheme=Material-Gnome +IconTheme=Tela-circle-Dark +CursorTheme=Tokyonight-cursors +ButtonLayout=close,minimize,maximize:menu From 389d32c8833487ea0331c35e43a35d21dbfedfb6 Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:35:38 +0600 Subject: [PATCH 05/17] Update gtk3-colors.css --- .../.config/matugen/templates/gtk3-colors.css | 6838 ++++++++++++++++- 1 file changed, 6822 insertions(+), 16 deletions(-) diff --git a/dotfiles/.config/matugen/templates/gtk3-colors.css b/dotfiles/.config/matugen/templates/gtk3-colors.css index b2d5bc981..5c8b33429 100644 --- a/dotfiles/.config/matugen/templates/gtk3-colors.css +++ b/dotfiles/.config/matugen/templates/gtk3-colors.css @@ -1,16 +1,6822 @@ -@define-color color0 {{colors.surface.default.hex}}; -@define-color color1 {{colors.on_surface_variant.default.hex}}; -@define-color color2 {{colors.secondary.default.hex}}; -@define-color color3 {{colors.secondary.default.hex}}; -@define-color color4 {{colors.primary.default.hex}}; -@define-color color5 {{colors.primary.default.hex}}; -@define-color color6 {{colors.primary.default.hex}}; -@define-color color7 {{colors.on_surface.default.hex}}; -@define-color color8 {{colors.surface.default.hex}}; -@define-color color9 {{colors.surface.default.hex}}; -@define-color color10 {{colors.on_primary.default.hex}}; -@define-color color11 {{colors.on_secondary.default.hex}}; -@define-color color12 {{colors.primary.default.hex}}; -@define-color color13 {{colors.primary.default.hex}}; -@define-color color14 {{colors.on_surface_variant.default.hex}}; -@define-color color15 {{colors.on_surface_variant.default.hex}}; +@import url("colors.css"); + +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-color: @color13; + opacity: 0.1; + } + to { + background-color: transparent; + opacity: 0; + } +} + +* { + background-clip: padding-box; + -gtktoolbutton-icon-spacing: 0; + -gtktextview-error-underline-color: @color10; + -gtkscrolledwindow-scrollbar-spacing: 0; + -gtktoolitemgroup-expander-size: 11; + -gtkwidget-text-handle-width: 24; + -gtkwidget-text-handle-height: 24; + -gtkdialog-button-spacing: 6; + -gtkdialog-action-area-border: 6; + outline-style: solid; + outline-width: 2px; + outline-color: transparent; + outline-offset: -4px; + -gtk-outline-radius: 12px; + -gtk-secondary-caret-color: @color13; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected { + color: @color7; + background-color: alpha(@color0, 0.1); +} + +.nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected { + color: @color13; + background-color: alpha(@color13, 0.2); +} + +.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected { + color: @color0; + background-color: @color13; +} + +treeview.view:selected, .view:selected { + color: rgba(26, 27, 38, 0.87); + background-color: @color13; +} + +.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { + border-radius: 0; +} + +.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { + border-radius: 12px; +} + +.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry { + border-radius: 0; +} + +.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { + border-radius: 12px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: @color0; + color: @color7; +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: @color0; + color: @color7; +} + +.gtkstyle-fallback:hover { + background-color: alpha(@color13, 0.15); + color: @color13; +} + +.gtkstyle-fallback:active { + background-color: alpha(@color13, 0.25); + color: @color13; +} + +.gtkstyle-fallback:disabled { + background-color: @color0; + color: alpha(@color7, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: @color13; + color: @color0; +} + +.view { + background-color: @color0; + color: @color13; +} + +.view:hover { + color: @color13; + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.12); +} + +.view:disabled { + color: alpha(@color7, 0.4); + background-color: @color0; +} + +.view:selected { + background-color: alpha(@color13, 0.2); + color: @color13; +} + +.view:selected:hover { + box-shadow: none; + background-color: alpha(@color13, 0.25); +} + +window.background.csd > stack.view { + border-radius: 0 0 12px 12px; +} + +textview text { + background-color: alpha(@color0, 0.05); + color: @color7; + caret-color: @color13; +} + +textview border { + background-color: @color0; + border-color: alpha(@color16, 0.6); +} + +iconview:hover, iconview:selected { + border-radius: 12px; +} + +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { + border: 1px solid @color13; + background-color: alpha(@color13, 0.15); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 12px; + color: @color7; +} + +flowbox flowboxchild button.osd.remove-button { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: alpha(@color7, 0.7); +} + +label:disabled { + color: alpha(@color7, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 12px; + background-color: alpha(@scolor0, 0.9); + color: @color7; +} + +.dim-label { + color: alpha(@color7, 0.5); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: alpha(@color7, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: @color13; + background-color: alpha(@color13, 0.1) +} + +.osd .scale-popup.background, .app-notification, +.osd { + opacity: 0.9; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-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; +} + +/**************** + * Text Entries * + ****************/ +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry { + background-color: alpha(@color0, 0.05); + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus { + color: rgba(26, 27, 38, 0.87); + box-shadow: inset 0 0 0 1px alpha(@color13, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active) { + color: rgba(26, 27, 38, 0.87); + background-color: alpha(@color13, 0.15); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled { + background-color: transparent; + color: alpha(@color7, 0.4); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image { + color: alpha(@color7, 0.6); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled { + color: alpha(@color7, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image { + color: @color13; +} + +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 34px; + padding: 0 8px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: alpha(@color0, 0.12); + box-shadow: inset 0 0 0 2px @color13; +} + +spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), +entry:drop(active) { + background-color: alpha(@color13, 0.15); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical), +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.04); +} + +spinbutton.flat.vertical, spinbutton.flat:not(.vertical), +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +spinbutton.vertical image, spinbutton:not(.vertical) image, +entry image { + color: alpha(@color7, 0.7); +} + +spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active, +entry image:hover, +entry image:active { + color: @color13; +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: alpha(@color7, 0.4); +} + +spinbutton.vertical image.left, spinbutton:not(.vertical) image.left, +entry image.left { + margin-left: 1px; + margin-right: 6px; +} + +spinbutton.vertical image.right, spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; + margin-right: 1px; +} + +spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left, +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, alpha(@color7, 0.3) 50%); + padding-left: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left top; + margin: 0 4px; + margin: 4px 0; +} + +spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right, +entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, alpha(@color7, 0.3) 50%); + padding-right: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right top; + margin: 0 4px; + margin: 4px 0; +} + +spinbutton.error.vertical, spinbutton.error:not(.vertical), +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px @color10; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color10; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px @color3; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color8; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid @color13; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: @color0; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag, .photos-entry-tag, .documents-entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: alpha(@color0, 0.12); + color: @color7; +} + +.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { + color: alpha(@color7, 0.7); +} + +.entry-tag:active, +.photos-entry-tag:active, +.documents-entry-tag:active { + background-color: alpha(@color13, 0.25); + color: alpha(@color0, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@color13), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@color13), to(transparent)); + } +} + +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: @color0; + color: @color7; +} + +actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: alpha(@color13, 0.2); + color: @color13; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat, terminal-window notebook > header > box button.flat, notebook > header > button.flat, notebook > header tab:not(:checked) button.flat { + color: alpha(@color7, 0.6); + background-color: transparent; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:hover, terminal-window notebook > header > box button.flat:hover, notebook > header > button.flat:hover, notebook > header tab:not(:checked) button.flat:hover, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:active, terminal-window notebook > header > box button.flat:active, notebook > header > button.flat:active, notebook > header tab:not(:checked) button.flat:active, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:focus, terminal-window notebook > header > box button.flat:focus, notebook > header > button.flat:focus, notebook > header tab:not(:checked) button.flat:focus { + color: @color13; + background-color: alpha(@color13, 0.1); +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:checked, terminal-window notebook > header > box button.flat:checked, notebook > header > button.flat:checked, notebook > header tab:not(:checked) button.flat:checked { + background-color: rgba(26, 27, 38, 0.87); + color: @color7; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:disabled, terminal-window notebook > header > box button.flat:disabled, notebook > header > button.flat:disabled, notebook > header tab:not(:checked) button.flat:disabled { + color: alpha(@color7, 0.3); +} + +button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: alpha(@color0, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: @color7; +} + +button:focus { + box-shadow: 0 0 0 2px alpha(@color7, 0.35); +} + +button:hover { + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.08); +} + +button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(@color13, 0.16) 10%, transparent 0%); + background-size: 0% 0%; +} + +button:disabled { + box-shadow: none; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.4); +} + +button:checked { + background-color: @color13; + color: @color0; +} + +button:checked:hover { + box-shadow: inset 0 0 0 9999px alpha(@color13, 0.9); +} + +button:checked:disabled { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: alpha(@color13, 0.2); + color: alpha(@color14, 0.5); +} + +.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header > button.flat, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 12px; + font-weight: 500; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, +messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, popover.background.menu button:checked, +popover.background button.model:checked, toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: @color7; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: alpha(@color7, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +button.text-button.image-button label:first-child { + margin-left: 11px; +} + +button.text-button.image-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 7px; +} + +button.text-button.image-button image:not(:only-child) { + margin: 0 4px; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + border-radius: 12px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 5px; + background-color: @color0; + color: @color7; +} + +button.osd:focus { + box-shadow: none; +} + +button.osd:hover { + background-color: @color0; + color: @color7; +} + +button.osd:active { + background-color: @color0; + color: @color7; +} + +button.osd:disabled { + opacity: 0; +} + +button.osd.image-button, button.osd.circular { + padding: 11px; +} + +button.osd.image-button > image, button.osd.circular > image { + padding: 0; +} + +button.suggested-action { + background-color: @color13; + color: @color0; + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: alpha(@color13, 0.2); + color: alpha(@color14, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px alpha(@color13, 0.2), 0 4px 3px 0 alpha(@color13, 0.14), 0 1px 6px 0 alpha(@color13, 0.12); +} + +button.suggested-action:checked { + background-color: alpha(@color13, 0.85); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(46, 125, 233, 0.3), 0 2px 3px -1px rgba(46, 125, 233, 0.24), 0 2px 5px 0 rgba(46, 125, 233, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px alpha(@color13, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: @color13; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: alpha(@color13, 0.4); +} + +button.suggested-action.flat:checked { + background-color: alpha(@color13, 0.15); +} + +button.destructive-action { + background-color: @color10; + color: @color11; + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: alpha(@color10, 0.2); + color: alpha(@color11, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px alpha(@color10, 0.2), 0 4px 3px 0 alpha(@color10, 0.14), 0 1px 6px 0 alpha(@color10, 0.12); +} + +button.destructive-action:checked { + background-color: alpha(@color10, 0.85); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(245, 42, 101, 0.3), 0 2px 3px -1px rgba(245, 42, 101, 0.24), 0 2px 5px 0 rgba(245, 42, 101, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px alpha(@error, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: @color10; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: alpha(@color10, 0.4); +} + +button.destructive-action.flat:checked { + background-color: alpha(@color10, 0.15); +} + +.stack-switcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +.stack-switcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +.stack-switcher > button.needs-attention:checked > label, +.stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + +button.close, button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), +.stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link { + color: @color13; +} + +*:visited { + color: alpha(@color13, 0.6); +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: @color13; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: alpha(@color13, 0.6); +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +spinbutton:not(.vertical) entry { + min-width: 30px; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 6px transparent; +} + +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: alpha(@color7, 0.7); +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical { + padding: 0; +} + +spinbutton.vertical:disabled { + color: alpha(@color7, 0.5); +} + +spinbutton.vertical entry { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical button { + padding: 0; + border: solid 6px transparent; +} + +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: alpha(@color7, 0.7); +} + +spinbutton.vertical button.up { + margin: 0 3px; +} + +spinbutton.vertical button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; +} + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +combobox decoration { + transition: none; +} + +combobox button.combo cellview:dir(ltr) { + margin-left: -1px; +} + +combobox button.combo cellview:dir(rtl) { + margin-right: -1px; +} + +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -34px; + padding-right: 34px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -34px; + padding-left: 34px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 4px; + border-radius: 12px; +} + +combobox > .linked > button.combo { + padding: 5px 9px; +} + +.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.combo:only-child { + border-radius: 12px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: @color7; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(@color7, 0.3); +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +button.combo:only-child:checked { + background-color: alpha(@color0, 0.08); + box-shadow: inset 0 0 0 2px @color13; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: alpha(@color0, 0.08); + color: alpha(@color7, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -gtkwidget-window-dragging: true; + padding: 2px 3px; + background-color: @color0; +} + +toolbar .linked +> button:not(:hover):not(:active):not(:checked):not(:focus):not( +:disabled +) { + background-color: alpha(currentColor, 0.05); +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .osd .scale-popup.background, .app-notification, toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); + background-color: @color0; + color: @color7; +} + +frame.documents-dropdown:backdrop, .osd .scale-popup.background:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px alpha(@color7, 0.2), 0 2px 2px -1px alpha(@color7, 0.24), 0 1px 3px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); +} + +frame.left.documents-dropdown, .osd .left.scale-popup.background, .left.app-notification, frame.right.documents-dropdown, .osd .right.scale-popup.background, .right.app-notification, frame.top.documents-dropdown, .osd .top.scale-popup.background, .top.app-notification, frame.bottom.documents-dropdown, .osd .bottom.scale-popup.background, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, .osd .bottom.scale-popup.background, .bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, alpha(@color7, 0.1) 30%, alpha(@color7, 0.2) 50%, alpha(@color7, 0.4)); +} + +frame.documents-dropdown entry, .osd .scale-popup.background entry, .app-notification entry, +frame.documents-dropdown button, +.osd .scale-popup.background button, +.app-notification button, toolbar.osd entry, +toolbar.osd button { + border-radius: 12px; +} + +frame.documents-dropdown entry, .osd .scale-popup.background entry, .app-notification entry, toolbar.osd entry { + color: @color7; +} + +frame.documents-dropdown .linked > button:first-child, .osd .scale-popup.background .linked > button:first-child, .app-notification .linked > button:first-child, toolbar.osd .linked > button:first-child { + border-radius: 12px 0 0 12px; +} + +frame.documents-dropdown .linked > button:last-child, .osd .scale-popup.background .linked > button:last-child, .app-notification .linked > button:last-child, toolbar.osd .linked > button:last-child { + border-radius: 0 12px 12px 0; +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px 1px; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +.toolbar { + background-color: @color0; +} + +frame .toolbar { + border-top: 1px solid alpha(@color7, 0.12); +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: alpha(@color7, 0.12); + background-color: @color0; + border-radius: 0 0 9px 9px; +} + +.frame .inline-toolbar { + border-width: 1px 0 0; + background-color: transparent; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border: none; + background-color: @color0; +} + +searchbar > revealer > box { + margin: -6px; +} + +/*************** + * Header bars * + ***************/ +.nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(@color0, 0.04); + border-radius: 12px; +} + +.nemo-window .primary-toolbar .linked > button:not(.text-button), .titlebar .linked > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +.nemo-window .primary-toolbar .linked > button:first-child:not(.text-button), .titlebar .linked > button:first-child:not(.suggested-action):not(.destructive-action) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +.nemo-window .primary-toolbar .linked > button:last-child:not(.text-button), .titlebar .linked > button:last-child:not(.suggested-action):not(.destructive-action) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.nemo-window .primary-toolbar .linked > button:only-child:not(.text-button), .titlebar .linked > button:only-child:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +.nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px alpha(@color7, 0.12); +} + +.nemo-window .primary-toolbar button:checked:not(.text-button), .titlebar button:checked:not(.suggested-action):not(.destructive-action) { + background-color: @color13; + color: rgba(26, 27, 38, 0.87); +} + +.nemo-window .primary-toolbar button:checked:hover:not(.text-button), .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px rgba(26, 27, 38, 0.04); + color: rgba(26, 27, 38, 0.87); +} + +.nemo-window .primary-toolbar button:checked:focus:not(.text-button), .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.87); + box-shadow: none; +} + +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: rgba(225, 226, 231, 0.5); + color: rgba(26, 27, 38, 0.38); +} + +.nemo-window .primary-toolbar button:focus:not(.text-button), .titlebar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), .titlebar button:active:not(.suggested-action):not(.destructive-action) { + color: @color7; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), .titlebar button:disabled:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), .titlebar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), .titlebar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), .titlebar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), .titlebar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), .titlebar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), .titlebar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.6); +} + +.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), .titlebar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.3); +} + +.nemo-window .primary-toolbar entry, .titlebar entry { + background-color: alpha(@color0, 0.04); + color: @color7; + border-radius: 9999px; +} + +.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +.nemo-window .primary-toolbar entry image, .titlebar entry image { + color: alpha(@color7, 0.7); +} + +.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active { + color: @color7; +} + +.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; + color: @color7; + border-radius: 12px 12px 0 0; + border: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar:backdrop { + color: alpha(@color7, 0.7); +} + +.titlebar:backdrop:disabled { + color: alpha(@color7, 0.32); +} + +.csd .titlebar:backdrop { + background-color: @color0; +} + +.titlebar .title { + padding: 0 12px; + font-weight: bold; +} + +.titlebar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: alpha(@color7, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: alpha(@color7, 0.5); +} + +.titlebar .titlebar, +.titlebar headerbar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, +.titlebar + separator.sidebar { + background-color: @color0; + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar + separator:backdrop, +.titlebar + separator.sidebar:backdrop { + background-color: @color0; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: @color13; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: @color13; +} + +.titlebar button.suggested-action:disabled, +.titlebar button.destructive-action:disabled { + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +.titlebar stackswitcher { + background-color: alpha(@color0, 0.04); +} + +.titlebar stackswitcher:checked { + background-color: @color7; + color: rgba(26, 27, 38, 0.87); +} + +.titlebar stackswitcher:checked:hover { + background-color: @color7; +} + +.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +.titlebar .path-bar +button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 5px; + padding-right: 5px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color13; + color: @color0; + box-shadow: inset 0 1px alpha(@color7, 0.2); +} + +.titlebar.selection-mode:backdrop { + color: alpha(@color0, 0.7); + background-color: alpha(@color13, 0.8); +} + +.titlebar.selection-mode .subtitle:link { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: alpha(@color7, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + color: @color7; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: alpha(@color7, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { + color: alpha(@color7, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: alpha(@color7, 0.32); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: alpha(@color7, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: alpha(@color7, 0.32); +} + +.titlebar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +.titlebar.selection-mode .selection-menu arrow { + -gtkarrow-arrow-scaling: 1; +} + +.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 12px 12px 0 0; + border: none; + background-color: @color0; + background-image: none; + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +.titlebar.default-decoration:backdrop { + background-color: @color0; +} + +.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { + box-shadow: none; + border-radius: 0; +} + +.titlebar.default-decoration button.titlebutton { + min-height: 24px; + min-width: 24px; + margin: 0; + padding: 0; +} + +.titlebar.default-decoration button.titlebutton.minimize:active, .titlebar.default-decoration button.titlebutton.maximize:active, .titlebar.default-decoration button.titlebutton.close:active { + color: rgba(26, 27, 38, 0.87); + background-image: none; + animation: none; + box-shadow: none; + background-color: @colors0; +} + +.background.csd .titlebar.default-decoration { + padding: 6px; +} + +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +headerbar { + min-height: 46px; + padding: 0 6px; +} + +box.vertical headerbar { + background-color: @color0; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 6px; +} + +headerbar separator.titlebutton, +headerbar separator.sidebar { + margin-top: 11.5px; + margin-bottom: 11.5px; + background-color: transparent; +} + +headerbar switch { + margin-top: 11px; + margin-bottom: 11px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher { + background-color: alpha(@color0, 0.04); + border-radius: 0 0 12px 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +) { + border-radius: 9px; + margin: 6px 3px; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( +.destructive-action +):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, +headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +/************ + * Pathbars * + ************/ +.caja-pathbar button, +.path-bar.linked:not(.vertical) > button { + padding-left: 5px; + padding-right: 5px; + border-radius: 6px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + +.caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + +.caja-pathbar button:first-child, +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.caja-pathbar button:last-child, +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: @color7; +} + +.caja-pathbar button label, +.caja-pathbar button image, +.path-bar.linked:not(.vertical) > button label, +.path-bar.linked:not(.vertical) > button image { + margin-left: 3px; + margin-right: 3px; +} + +.caja-pathbar button.slider-button, +.path-bar.linked:not(.vertical) > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: alpha(@color7, 0.12); + border-top-color: alpha(@color7, 0.12); +} + +* { + -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; +} + +.csd +treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not( +.trough +):not(.separator) { + background-color: transparent; +} + +treeview.view.separator { + min-height: 6px; + color: alpha(@color7, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + color: alpha(@color7, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +treeview.view.expander:hover, treeview.view.expander:active { + color: @color7; +} + +treeview.view.expander:disabled { + color: alpha(@color7, 0.32); +} + +treeview.view.expander:selected { + color: rgba(26, 27, 38, 0.6); +} + +treeview.view.expander:selected:hover, treeview.view.expander:selected:active { + color: rgba(26, 27, 38, 0.87); +} + +treeview.view.expander:selected:disabled { + color: rgba(26, 27, 38, 0.3); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: @color13; + background-image: none; + border-radius: 9999px; + color: @color0; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: @color13; + color: @color0; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: @color7; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: alpha(@color0, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: alpha(@color0, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: alpha(@color0, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: alpha(@color0, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border: none; + border-right: 1px solid transparent; + border-color: alpha(@color7, 0.12); + border-radius: 0; + background-clip: border-box; + border-image: linear-gradient(to bottom, transparent 20%, alpha(@color7, 0.12) 20%, alpha(@color7, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: alpha(@color7, 0.7); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: @color0; +} + +treeview.view header button:last-child { + border-right: none; + border-image: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: alpha(@color7, 0.12); + border-radius: 0; + box-shadow: none; + background-color: @color0; + background-clip: border-box; + color: @color13; +} + +treeview.view acceleditor > label { + background-color: @color0; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -gtkwidget-window-dragging: true; + padding: 0; + background-color: @color0; + color: @color7; +} + +menubar:backdrop, +.menubar:backdrop { + color: alpha(@color7, 0.7); + background-color: @color0; +} + +.csd menubar, .csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 4px 8px; + color: alpha(@color7, 0.7); + border-radius: 12px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(@color13, 0.1); + color: @color7; +} + +menubar > menuitem:backdrop, +.menubar > menuitem:backdrop { + color: alpha(@color7, 0.5); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: alpha(@color7, 0.32); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +menubar > menuitem > window.popup.background > menu menuitem, +.menubar > menuitem > window.popup.background > menu menuitem { + transition: none; +} + +.background.popup { + background-color: transparent; +} + +menu { + margin: 6px; + padding: 6px; + background-color: @color0; + background-clip: border-box; + border-radius: 12px; + /* border: 1px solid $primary; */ +} + +.csd menu { + border: none; + box-shadow: inset 0 1px alpha(@color16, 0.2); +} + +menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: @color7; + font: initial; + text-shadow: none; + border-radius: 12px; +} + +menu menuitem:hover { + transition: none; + background-color: alpha(@color13, 0.15); + color: @color13; +} + +menu menuitem:hover accelerator { + color: @color13; +} + +menu menuitem:hover:disabled accelerator { + color: alpha(@color7, 0.32); +} + +menu menuitem:active { + background-color: alpha(@color13, 0.25); +} + +menu menuitem:disabled { + color: alpha(@color7, 0.4); +} + +menu menuitem accelerator { + color: alpha(@color7, 0.47); +} + +menu menuitem:disabled accelerator { + color: alpha(@color7, 0.32); +} + +menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} + +menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 8px; +} + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) { + color: inherit; +} + +menu .view:selected { + background-color: alpha(@color13, 0.2); +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: @color0; + color: alpha(@color7, 0.7); +} + +menu > arrow.top { + margin-top: 0; + border-radius: 12px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-radius: 12px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover { + background-color: @color0; + color: @color7; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: alpha(@color7, 0.3); +} + +menu separator { + margin: 3px 0; + background-color: transparent; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: @color0; + border-radius: 12px; +} + +popover.background > stack { + margin: 0; +} + +popover.background > toolbar { + margin: 0; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 12px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: @color0; +} + +popover.background .view:not(:selected):hover { + background-color: alpha(@color13, 0.1); +} + +popover.background button, +popover.background entry, +popover.background combobox { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio) { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):first-child { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):last-child { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 12px; +} + +popover.background separator { + margin: 3px 0; + background-color: transparent; +} + +popover.background list separator { + margin: 0; +} + +modelbutton.flat, +.menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 12px; + color: @color7; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +/************* + * Notebooks * + *************/ +tabbox > tab, notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: @color7; + font-weight: 500; + border-radius: 9px; +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(26, 27, 38, 0.12); + color: @color13; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(26, 27, 38, 0.3); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; + color: @color13; +} + +tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { + color: alpha(@color7, 0.5); +} + +notebook > header.bottom > tabs > arrow, notebook > header.top > tabs > arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.bottom > tabs > arrow.down, notebook > header.top > tabs > arrow.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.bottom > tabs > arrow.up, notebook > header.top > tabs > arrow.up { + margin-right: 0; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.right > tabs > arrow, notebook > header.left > tabs > arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.right > tabs > arrow.down, notebook > header.left > tabs > arrow.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.right > tabs > arrow.up, notebook > header.left > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook { + background-color: alpha(@color0, 0.04); +} + +window.background > notebook { + background-color: transparent; +} + +notebook.frame { + border: none; + border-radius: 9px; +} + +notebook.frame scrolledwindow.frame { + border: none; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +notebook > header { + border: none; + background-color: alpha(@color0, 0.04); + padding: 3px; + margin: 3px; + border-radius: 12px; +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 9px; + color: rgba(26, 27, 38, 0.6); +} + +notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:active { + color: rgba(26, 27, 38, 0.87); +} + +notebook > header > tabs > arrow:disabled { + color: rgba(26, 27, 38, 0.3); +} + +notebook > header.top > tabs > arrow { + border-top-style: none; +} + +notebook > header.bottom > tabs > arrow { + border-bottom-style: none; +} + +notebook > header.left > tabs > arrow { + border-left-style: none; +} + +notebook > header.right > tabs > arrow { + border-right-style: none; +} + +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: alpha(@color0, 0.12); + color: @color7; +} + +notebook > header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook > header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top tabs tab + tab, +notebook > header.top tabs tab + arrow, notebook > header.bottom tabs tab + tab, +notebook > header.bottom tabs tab + arrow { + margin-left: 3px; +} + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left tabs tab + tab, +notebook > header.left tabs tab + arrow, notebook > header.right tabs tab + tab, +notebook > header.right tabs tab + arrow { + margin-top: 3px; +} + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > button.flat { + padding: 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: @color0; +} + +* { + -gtkscrollbar-has-backward-stepper: false; + -gtkscrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid transparent; +} + +scrollbar.bottom { + border-top: 1px solid transparent; +} + +scrollbar.left { + border-right: 1px solid transparent; +} + +scrollbar.right { + border-left: 1px solid transparent; +} + +scrollbar slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: alpha(@color0, 0.5); +} + +scrollbar slider:hover { + background-color: alpha(@color0, 0.7); +} + +scrollbar slider:active { + background-color: @color13; +} + +scrollbar slider:disabled { + background-color: alpha(@color0, 0.32); +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + margin: 2px 0; +} + +scrollbar.fine-tune.vertical slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(50, 52, 73, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(50, 52, 73, 0.3); + border-radius: 9999px; + background-color: alpha(@color0, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: alpha(@color0, 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +scrollbar.horizontal slider { + min-width: 24px; +} + +scrollbar.vertical slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: alpha(@color0, 0.32); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: @color13; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); + background-color: alpha(@color0, 0.7); + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + padding: 2px; +} + +checkbutton.text-button label:not(:only-child), +radiobutton.text-button label:not(:only-child) { + margin: 0 4px; +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate), +actionbar > revealer > box radio:not(:checked):not(:indeterminate) { + background-color: rgba(26, 27, 38, 0.12); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):hover, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):hover { + box-shadow: 0 0 0 6px rgba(26, 27, 38, 0.04); + background-color: rgba(26, 27, 38, 0.15); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):active, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):active { + box-shadow: 0 0 0 6px rgba(26, 27, 38, 0.12); + background-color: rgba(26, 27, 38, 0.2); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):disabled, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):disabled { + background-color: rgba(26, 27, 38, 0.04); +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: alpha(@color0, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px alpha(@color7, 0.04); + background-color: alpha(@color0, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.2); +} + +check:disabled, +radio:disabled { + background-color: alpha(@color0, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: alpha(@color0, 0.7); + background-color: @color13; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px alpha(@color13, 0.15); + background-color: @color13; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px alpha(@color13, 0.2); + background-color: @color13; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: alpha(@color7, 0.32); + background-color: alpha(@color13, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + +check { + -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid alpha(@color13, 0.38); + border-radius: 3px; +} + +check:checked { + -gtk-icon-source: none; + background-color: @color13; + border-color: @color13; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; +} + +check:checked::after { + content: ""; + position: absolute; + display: block; + left: 6px; + top: 2px; + width: 6px; + height: 11px; + border: solid @color0; + border-width: 0 2px 2px 0; + transform: rotate(45deg); +} + +check:indeterminate { + -gtk-icon-source: none; + background-color: @color13; + border-color: @color13; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; +} + +check:indeterminate::after { + content: ""; + position: absolute; + display: block; + left: 4px; + top: 8px; + width: 8px; + height: 2px; + background: @color0; + border-radius: 1px; +} + +check:focus, +radio:focus { + outline: 1px solid @color13; + outline-offset: 2px; +} + +check:hover, +radio:hover { + background-color: alpha(@color13, 0.2); +} + +check:active, +radio:active { + background-color: alpha(@color13, 0.4); +} + +check:disabled, +radio:disabled { + opacity: 0.5; + background-color: transparent; + border-color: #2a3b37; +} + +check:disabled:checked, +radio:disabled:checked { + background-color: alpha(@color13, 0.58); + border-color: alpha(@color13, 0.58); + box-shadow: + inset 0 0 0 4px @color0, + 0 0 0 1px alpha(@color13, 0.58); +} + +radio { + -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid alpha(@color13, 0.38); + border-radius: 50%; +} + +radio:checked { + -gtk-icon-source: none; + background-color: @color13; + border-color: @color13; + box-shadow: + inset 0 0 0 4px @color0, + 0 0 0 1px @color13; +} + +radio:indeterminate { + -gtk-icon-source: none; + background-color: @color0; + border-color: @color13; + box-shadow: + inset 0 0 0 2px @color13, + 0 0 0 1px @color13; +} + + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: none; + background-color: @color13; + border: 2px solid @color13; + border-radius: 3px; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: none; + background-color: @color13; + border: 2px solid @color13; + border-radius: 3px; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: none; + background-color: @color13; + border-color: @color13; + box-shadow: + inset 0 0 0 3px @color0, + 0 0 0 1px @color13; +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: none; + background-color: @color0; + border-color: @color13; + box-shadow: + inset 0 0 0 1.5px @color13, + 0 0 0 1px @color13; +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +treeview.view radio, +treeview.view check { + padding: 0; + margin: 0; + background-color: alpha(@color0, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view radio:selected:not(:disabled):not(:checked):not(:indeterminate), +treeview.view check:selected:not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(26, 27, 38, 0.12); +} + +treeview.view radio:checked, treeview.view radio:indeterminate, +treeview.view check:checked, +treeview.view check:indeterminate { + background-color: @color13; + color: @color0; + background-image: none; +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + border-radius: 9999px; +} + +.view.content-view.check:not(list):not(:checked), +.content-view .tile check:not(list):not(:checked) { + background-image: image(alpha(@color7, 0.25)); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):checked, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):checked { + box-shadow: 0 2px 3px -1px alpha(@color7, 0.1), 0 4px 6px 0 alpha(@color7, 0.12), 0 1px 10px 0 alpha(@color7, 0.1); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + background-color: @color13; + color: @color0; + -gtk-icon-source: none; + border: 2px solid @color13; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +scale.fine-tune slider { + margin: -7px; +} + +scale trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: alpha(@color0, 0.3); +} + +scale trough:disabled { + background-color: alpha(@color0, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(@color13); +} + +scale highlight:disabled { + background-color: @color0; + background-image: image(alpha(@color7, 0.32)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(@color0, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: @color13; + background-color: @color0; + box-shadow: inset 0 0 0 2px @color13; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px @color13, 0 0 0 8px alpha(@color7, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px @color13, 0 0 0 8px alpha(@color7, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px alpha(@color7, 0.32); +} + +scale marks, +scale value { + color: alpha(@color7, 0.7); +} + +scale.marks-before:not(.marks-after) slider, scale.marks-after:not(.marks-before) slider { + min-height: 24px; + min-width: 24px; + margin: -11px; + background-color: transparent; + box-shadow: none; + color: @color13; +} + +scale.marks-before:not(.marks-after) slider:hover, scale.marks-after:not(.marks-before) slider:hover { + box-shadow: 0 0 0 4px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.12); +} + +scale.marks-before:not(.marks-after) slider:active, scale.marks-after:not(.marks-before) slider:active { + box-shadow: 0 0 0 6px alpha(@color7, 0.12); + background-color: alpha(@color0, 0.12); +} + +scale.marks-before:not(.marks-after) slider:disabled, scale.marks-after:not(.marks-before) slider:disabled { + color: alpha(@color16, 0.6); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + -gtk-icon-source: none; + background-image: + linear-gradient(to right, alpha(@color13, 0.38) 1px, transparent 1px), + linear-gradient(to bottom, @color13 60%, transparent 60%); + background-size: 4px 100%, 100% 100%; + background-position: 0 0, center; + background-repeat: repeat-y, no-repeat; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px alpha(@color13, 0.3); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + -gtk-icon-source: none; + background-image: + linear-gradient(to right, alpha(@color13, 0.38) 1px, transparent 1px), + linear-gradient(to bottom, @color13 60%, transparent 60%); + background-size: 4px 100%, 100% 100%; + background-position: 100% 0, center; + background-repeat: repeat-y, no-repeat; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px alpha(@color13, 0.3); +} + +scale.vertical.marks-before:not(.marks-after) slider { + -gtk-icon-source: none; + background-image: + linear-gradient(to bottom, alpha(@color13, 0.38) 1px, transparent 1px), + linear-gradient(to right, @color13 60%, transparent 60%); + background-size: 100% 4px, 100% 100%; + background-position: 0 0, center; + background-repeat: repeat-x, no-repeat; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px alpha(@color13, 0.3); +} + +scale.vertical.marks-after:not(.marks-before) slider { + -gtk-icon-source: none; + background-image: + linear-gradient(to bottom, alpha(@color13, 0.38) 1px, transparent 1px), + linear-gradient(to right, @color13 60%, transparent 60%); + background-size: 100% 4px, 100% 100%; + background-position: 0 100%, center; + background-repeat: repeat-x, no-repeat; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px alpha(@color13, 0.3); +} + +scale indicator { + background-color: alpha(@color0, 0.3); + color: transparent; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: alpha(@color7, 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: alpha(@color0, 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: @color13; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: @color13; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: @color8; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: @color13; +} + +levelbar block.full { + background-color: alpha(@color13, 0.7); +} + +levelbar block.empty { + background-color: alpha(@color0, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid alpha(@color7, 0.12); + background-color: @color0; + color: @color7; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid alpha(@color7, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 12px; +} + +.frame.flat { + border-style: none; +} + +frame.flat > border, frame > border.flat, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + margin: 6px 0 0 0; + padding: 6px; + border: none; + color: @color7; + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +actionbar > revealer > box button { + border-radius: 6px; +} + +actionbar > revealer > box button.combo:only-child { + border-radius: 6px; + color: @color7; + background-color: alpha(@color0, 0.04); +} + +actionbar > revealer > box button.combo:only-child:hover, actionbar > revealer > box button.combo:only-child:active { + color: @color13; +} + +actionbar > revealer > box button.combo:only-child:disabled { + color: @color13; +} + +actionbar > revealer > box stackswitcher { + background-color: rgba(26, 27, 38, 0.04); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + color: rgba(26, 27, 38, 0.6); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover, actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + color: rgba(26, 27, 38, 0.87); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: @color0; + color: @color7; +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + background-color: @color0; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: alpha(@color7, 0.12); + background-color: @color0; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +preferences stacksidebar.sidebar list separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/********* + * Lists * + *********/ +window.background.csd stack stack stack frame > list, +window.background.csd > stack > stack > box > frame > list, +window.background.csd > stack > stack > box > box > frame > list, +window.background.csd > stack > box > stack > box > frame > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, +window.background.csd > stack > scrolledwindow > viewport > box > list, +window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, +.geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, +hdyleaflet list.frame, +leaflet list.view, +leaflet list.frame, +box.horizontal > stack.background list.view, +box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, +hdyleaflet overlay scrolledwindow > viewport list, +leaflet stack.background scrolledwindow > viewport list, +leaflet overlay scrolledwindow > viewport list, +box.horizontal > stack.background stack.background scrolledwindow > viewport list, +box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), +leaflet frame:not(.view) list:not(.contacts-contact-list), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list.content:not(.conversation-listbox) { + border-radius: 12px; + box-shadow: none; + border: none; + background-color: transparent; +} + +window.background.csd stack stack stack frame > list > separator, +window.background.csd > stack > stack > box > frame > list > separator, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, +window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, +.geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, +hdyleaflet list.frame > separator, +leaflet list.view > separator, +leaflet list.frame > separator, +box.horizontal > stack.background list.view > separator, +box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, +hdyleaflet overlay scrolledwindow > viewport list > separator, +leaflet stack.background scrolledwindow > viewport list > separator, +leaflet overlay scrolledwindow > viewport list > separator, +box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, +box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, +leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list.content:not(.conversation-listbox) > separator { + background: none; + min-height: 0; +} + +window.background.csd stack stack stack frame > list row, +window.background.csd > stack > stack > box > frame > list row, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row, +window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, +.geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, +hdyleaflet list.frame row, +leaflet list.view row, +leaflet list.frame row, +box.horizontal > stack.background list.view row, +box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, +hdyleaflet overlay scrolledwindow > viewport list row, +leaflet stack.background scrolledwindow > viewport list row, +leaflet overlay scrolledwindow > viewport list row, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row, +box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, +leaflet frame:not(.view) list:not(.contacts-contact-list) row, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list > row, list.content:not(.conversation-listbox) > row { + border-radius: 3px; + background-color: alpha(@color0, 0.04); +} + +window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), +.geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), +hdyleaflet list.frame row:not(:first-child), +leaflet list.view row:not(:first-child), +leaflet list.frame row:not(:first-child), +box.horizontal > stack.background list.view row:not(:first-child), +box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), +hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), +leaflet stack.background scrolledwindow > viewport list row:not(:first-child), +leaflet overlay scrolledwindow > viewport list row:not(:first-child), +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), +box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), +leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) { + margin-top: 3px; +} + +window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, +.geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, +hdyleaflet list.frame row:first-child, +leaflet list.view row:first-child, +leaflet list.frame row:first-child, +box.horizontal > stack.background list.view row:first-child, +box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, +hdyleaflet overlay scrolledwindow > viewport list row:first-child, +leaflet stack.background scrolledwindow > viewport list row:first-child, +leaflet overlay scrolledwindow > viewport list row:first-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list > row:first-child, list.content:not(.conversation-listbox) > row:first-child { + border-radius: 12px 12px 3px 3px; +} + +window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, +.geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, +hdyleaflet list.frame row:last-child, +leaflet list.view row:last-child, +leaflet list.frame row:last-child, +box.horizontal > stack.background list.view row:last-child, +box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, +hdyleaflet overlay scrolledwindow > viewport list row:last-child, +leaflet stack.background scrolledwindow > viewport list row:last-child, +leaflet overlay scrolledwindow > viewport list row:last-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list > row:last-child, list.content:not(.conversation-listbox) > row:last-child { + border-radius: 3px 3px 12px 12px; +} + +window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, +.geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, +hdyleaflet list.frame row:only-child, +leaflet list.view row:only-child, +leaflet list.frame row:only-child, +box.horizontal > stack.background list.view row:only-child, +box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, +hdyleaflet overlay scrolledwindow > viewport list row:only-child, +leaflet stack.background scrolledwindow > viewport list row:only-child, +leaflet overlay scrolledwindow > viewport list row:only-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list > row:only-child, list.content:not(.conversation-listbox) > row:only-child { + border-radius: 12px; +} + +window.background.csd stack stack stack frame > list row:hover, window.background.csd > stack > list row:hover, preferencesgroup list row:hover, +.geary-accounts-editor-pane list row:hover, window.background.csd.unified > deck > deck > deck list row:hover, hdyleaflet list.view row:hover, +hdyleaflet list.frame row:hover, +leaflet list.view row:hover, +leaflet list.frame row:hover, +box.horizontal > stack.background list.view row:hover, +box.horizontal > stack.background list.frame row:hover, hdyleaflet stack.background scrolledwindow > viewport list row:hover, +hdyleaflet overlay scrolledwindow > viewport list row:hover, +leaflet stack.background scrolledwindow > viewport list row:hover, +leaflet overlay scrolledwindow > viewport list row:hover, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:hover, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:hover, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:hover, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:hover, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:hover, list.tweak-group list > row:hover, list.content:not(.conversation-listbox) > row:hover { + background-color: alpha(@color0, 0.12); + box-shadow: none; +} + +window.background.csd stack stack stack frame > list row:active, window.background.csd > stack > list row:active, preferencesgroup list row:active, +.geary-accounts-editor-pane list row:active, window.background.csd.unified > deck > deck > deck list row:active, hdyleaflet list.view row:active, +hdyleaflet list.frame row:active, +leaflet list.view row:active, +leaflet list.frame row:active, +box.horizontal > stack.background list.view row:active, +box.horizontal > stack.background list.frame row:active, hdyleaflet stack.background scrolledwindow > viewport list row:active, +hdyleaflet overlay scrolledwindow > viewport list row:active, +leaflet stack.background scrolledwindow > viewport list row:active, +leaflet overlay scrolledwindow > viewport list row:active, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:active, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:active, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:active, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:active, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:active, list.tweak-group list > row:active, list.content:not(.conversation-listbox) > row:active { + background-color: alpha(currentColor, 0.12); + box-shadow: none; +} + +window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, +.geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, +hdyleaflet list.frame row:focus, +leaflet list.view row:focus, +leaflet list.frame row:focus, +box.horizontal > stack.background list.view row:focus, +box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, +hdyleaflet overlay scrolledwindow > viewport list row:focus, +leaflet stack.background scrolledwindow > viewport list row:focus, +leaflet overlay scrolledwindow > viewport list row:focus, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list > row:focus, list.content:not(.conversation-listbox) > row:focus { + box-shadow: none; +} + +list { + border-color: alpha(@color7, 0.12); + background-color: alpha(@color0, 0.04); +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 12px; +} + +paned scrolledwindow > viewport.frame > list { + background-color: transparent; +} + +row:selected { + color: inherit; + background-color: alpha(currentColor, 0.06); + color: @color7; +} + +row:selected button { + color: inherit; +} + +row:selected:disabled { + color: alpha(@color7, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; +} + +.app-notification button.text-button:not(.suggested-action):not(.destructive-action):not( +:disabled +) { + color: @color13; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: alpha(@color7, 0.7); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander title > arrow:checked { + -gtk-icon-transform: unset; +} + +expander title > arrow:hover, expander title > arrow:active { + color: @color7; +} + +expander title > arrow:disabled { + color: alpha(@color7, 0.32); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid alpha(@color7, 0.12); + color: @color7; +} + +calendar:disabled { + color: alpha(@color7, 0.5); +} + +calendar:selected { + border-radius: 13px; +} + +calendar.header { + border-style: none none solid; + border-color: alpha(@color7, 0.12); + border-radius: 0; +} + +calendar.highlight { + color: alpha(@color7, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: alpha(@color7, 0.32); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: @color0; +} + +messagedialog.background .titlebar { + min-height: 12px; + background-color: @color0; + border: none; +} + +messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop { + background-color: @color0; +} + +messagedialog.background.csd { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +messagedialog .titlebar, messagedialog.background.csd .titlebar { + border: none; +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, +messagedialog .dialog-action-box .linked:not(.vertical) > button, +messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, +messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 12px; +} + +messagedialog .dialog-action-box button:not(:last-child), +messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: @color13; + background-color: alpha(@color13, 0.15); +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: @color10; +} + +.csd filechooser { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +filechooser .dialog-action-box { + border-top: 1px solid alpha(@color16, 0.2); +} + +filechooser treeview.view header > button { + background-color: @color0; +} + +filechooser #pathbarbox { + background-color: @color0; + border-radius: 12px 12px 0 0; + margin: 0 4px; +} + +filechooser stack.view { + background-color: @color0; + padding: 0 4px; +} + +filechooser stack.view scrolledwindow { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +filechooser stack.view > placesview { + background-color: transparent; + padding: 4px; +} + +filechooser stack.view frame > border { + border: none; +} + +.csd filechooser placessidebar { + background: none; + border-bottom-left-radius: 12px; +} + +filechooser paned > separator { + background: none; +} + +filechooser paned box.vertical { + background-color: @color0; + border-radius: 12px; + margin: 0 6px 0 1px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: @color0; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { + border-right: 1px solid alpha(@color16, 0.2); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid alpha(@color16, 0.2); + border-right-style: none; +} + +.sidebar list, +.sidebar notebook { + 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.sidebar list { + padding: 6px; + background-color: @color0; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 6px; + margin: 0; + border-radius: 6px; + color: @color7; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(@color13, 0.2); + color: @color0; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, +stacksidebar.sidebar row:selected image { + color: @color7; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +stacksidebar.sidebar row:hover { + background-color: alpha(@color13, 0.1); +} + +/**************** + * File chooser * + ****************/ +placessidebar.sidebar { + margin: 0 0 0 4px; + padding: 0; +} + +placessidebar.sidebar > viewport.frame { + border-style: none; +} + +placessidebar.sidebar list { + background-color: transparent; + color: @color7; +} + +placessidebar.sidebar row { + min-height: 32px; + margin: 0; + padding: 0; + color: @color7; + border-radius: 6px; +} + +placessidebar.sidebar row:hover, placessidebar.sidebar row:active { + background-color: alpha(@color13, 0.08); + color: @color13; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: alpha(@color13, 0.08); + color: @color13; + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: alpha(@color7, 0.3); +} + +placessidebar.sidebar row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + +placessidebar.sidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar.sidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: @color13; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: @color13; +} + +placessidebar.sidebar row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(@color13, 0.15) +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: @color0; + background-image: image(alpha(@color7, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: @color0; + background-image: image(alpha(@color7, 0.12)), image(alpha(@color7, 0.12)); + 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; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: @color0; +} + +infobar.info > revealer > box, +infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, +infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, +infobar.info:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +) { + color: @color13; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: @color13; +} + +infobar.action > revealer > box, +infobar.action > revealer > box link:link, +infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, +infobar.action:backdrop > revealer > box link:link, +infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, +infobar.question > revealer > box link:link, +infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, +infobar.question:backdrop > revealer > box link:link, +infobar.question:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: alpha(@color13, 0.8); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: @color3; + color: @color8; +} + +infobar.warning > revealer > box, +infobar.warning > revealer > box link:link, +infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, +infobar.warning:backdrop > revealer > box link:link, +infobar.warning:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.warning:hover > revealer > box { + background-color: @color3; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: @color10; + color: @color11; +} + +infobar.error > revealer > box, +infobar.error > revealer > box link:link, +infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, +infobar.error:backdrop > revealer > box link:link, +infobar.error:backdrop > revealer > box flowboxchild { + color: @color7; +} + +infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { + color: @color7; +} + +infobar.error:hover > revealer > box { + background-color: alpha(@color10, 0.9); +} + +/************ + * Tooltips * + ************/ +tooltip { + box-shadow: none; +} + +tooltip.background { + background-color: alpha(@color0, 0.95); + color: @color13; + border-radius: 12px; +} + +tooltip.background.csd { + border-radius: 12px; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: @color7; +} + +colorswatch.light { + color: @color7; +} + +colorswatch overlay { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px @color13; +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: alpha(@color13, 0.08); +} + +colorswatch#add-color-button overlay:hover { + background-color: alpha(@color13, 0.15); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: alpha(@color13, 0.25); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px alpha(@color7, 0.3), 0 1px 2px -1px alpha(@color7, 0.24), 0 1px 2px -1px alpha(@color7, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); + background-color: @color0; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px alpha(@color7, 0.2), 0 2px 2px -1px alpha(@color7, 0.24), 0 1px 3px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: @color0; +} + +.scale-popup.background { + padding: 3px 0; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + border-radius: 12px; + box-shadow: none; + margin: 10px; +} + +decoration:backdrop { + transition: none; + box-shadow: none; +} + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} + +.popup decoration { + box-shadow: none; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: none; +} + +.ssd decoration:backdrop { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: none; +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: none; + border: none; +} + +messagedialog.background.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: @color0; + border: 1px solid @color16; +} + +.solid-csd decoration:backdrop { + background-color: @color0; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(@color0, 0.1); + min-height: 22px; + min-width: 22px; + padding: 0; + margin: 0 0px; + border-radius: 9999px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: alpha(@color7, 0.7); + background-color: alpha(currentColor, 0.1); +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: @color7; + background-color: alpha(currentColor, 0.15); + box-shadow: 0 1px 3px alpha(@color7, 0.1), inset 0 1px alpha(@color7, 0.1); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: @color7; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: @color13; + -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-transform: unset; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; + -gtk-icon-transform: rotate(45deg); +} + +.context-menu { + font: initial; +} + +.keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px alpha(@color7, 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px alpha(@color7, 0.12); + background-color: @color0; + color: @color7; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: @color13; +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 15px; + background-color: alpha(@color0, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0; + background-color: transparent; + border-radius: 9999px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: @color7; + color: rgba(26, 27, 38, 0.87); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + box-shadow: none; + background-color: @color7; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid alpha(@color7, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: @color13; +} + +button.emoji-section:not(:last-child) { + margin-right: 0; +} + +popover.emoji-picker .emoji { + min-width: 3em; + min-height: 3em; + padding: 0 8px; +} + +popover.emoji-picker .emoji widget { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; +} + +popover.emoji-picker .emoji widget:hover { + background-color: alpha(currentColor, 0.08); +} + +popover.emoji-completion { + padding: 8px 0; +} + +popover.emoji-completion arrow { + border: none; + background: none; +} + +popover.emoji-completion .emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +popover.emoji-completion .emoji:hover { + background-color: alpha(currentColor, 0.08); +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +.nautilus-window.background.csd:backdrop { + background-color: @color0; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, +.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator { + margin-left: 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > separator { + background: none; +} + +.nautilus-window.background.csd.unified notebook { + border-radius: 0; +} + +.nautilus-window.background.csd:not(.unified) .nautilus-list-view { + background-color: transparent; + border-bottom-right-radius: 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook > stack { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook scrolledwindow +> .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) paned > separator.wide { + min-width: 12px; + box-shadow: 12px 0 @color0; + background-color: @color0; + background-image: image(@color0); +} + +.nautilus-window.maximized, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border: none; + border-radius: 12px; + background-color: @color13; + color: @color0; + box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: @color7; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: alpha(@color7, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: @color7; +} + +@keyframes nautilus-operations-button-needs-attention { + to { + background-color: alpha(currentColor, 0.08); + } +} + +.nautilus-operations-button-needs-attention { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; +} + +.path-bar-box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 12px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: alpha(@color0, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: alpha(@color0, 0.04); +} + +.path-bar-box .path-bar button label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .path-bar button label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) { + padding-left: 11px; + padding-right: 11px; + margin-left: 1px; + margin-right: 1px; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { + margin: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) { + background-color: alpha(@color0, 0.08); +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled { + background-color: transparent; + color: alpha(@color7, 0.5); +} + +.windowhandle .linked.nautilus-path-bar { + background-color: alpha(@color0, 0.04); + border-radius: 12px; + margin: 6px 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { + color: @color7; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.disk-space-display.unknown { + background-color: alpha(@color0, 0.3); + color: alpha(@color7, 0.3); +} + +.disk-space-display.used { + background-color: @color13; + color: @color0; +} + +.disk-space-display.free { + background-color: alpha(@color0, 0.12); + color: alpha(@color7, 0.12); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; + color: @color7; +} + +.conflict-row:not(:selected) { + background-color: alpha(@color10, 0.15); +} + +.nautilus-window flowboxchild .icon-item-background { + padding: 4px; + border-radius: 6px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window notebook :not(treeview).view { + border-radius: 6px; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { + border-style: none; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { + margin: -6px 0 0 -6px; + border-top: 1px solid alpha(@color7, 0.12); +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { + margin: 0 8px; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { + border-radius: 0; +} + +.nautilus-window > popover.menu:not(:last-child) { + padding: 3px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { + margin-top: -6px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { + margin-bottom: -6px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { + margin-top: 1px; +} + +.nautilus-window > popover.menu:not(:last-child) separator { + margin-bottom: -2px; +} + +.nautilus-menu-sort-heading { + margin: 1px 3px; + font-weight: 500; +} + +.nautilus-menu-sort-heading:disabled { + color: alpha(@color7, 0.7); +} + +.nautilus-window paned > separator { + background-color: @color0; +} + +/********* + * gedit * + *********/ +window.org-gnome-gedit > paned.titlebar > separator { + background-color: transparent; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-path-label { + color: alpha(@color7, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: @color8; + color: @color7; +} + +.gedit-document-panel { + background-color: @color0; +} + +.gedit-document-panel row button.flat { + margin-top: 8px; + margin-bottom: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid alpha(@color7, 0.12); + border-radius: 0 0 12px 12px; +} + +.gedit-search-slider { + margin: 0 6px 10px; + padding: 6px; + background-color: @color0; + border-radius: 0 0 12px 12px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.05), 0 4px 6px 0 alpha(@color7, 0.06), 0 1px 10px 0 alpha(@color7, 0.05); +} + +.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { + all: unset; + color: alpha(@color7, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { + margin-left: 6px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { + margin-right: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { + margin-right: 6px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { + margin-left: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:not(.error) { + background-color: @color0; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: alpha(@color7, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: @color7; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: alpha(@color7, 0.32); +} + +frame.gedit-map-frame > border:dir(ltr) { + border-style: none none none solid; +} + +frame.gedit-map-frame > border:dir(rtl) { + border-style: none solid none none; +} + +/********** + * Tweaks * + **********/ +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame { + background-color: @color0; + color: @color7; + border-radius: 12px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { + background-color: rgba(26, 27, 38, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:hover { + background-color: rgba(26, 27, 38, 0.6); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:active, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:active, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:active { + background-color: rgba(26, 27, 38, 0.87); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:disabled { + background-color: rgba(26, 27, 38, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(26, 27, 38, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(26, 27, 38, 0.3); +} + +leaflet.unfolded > box.vertical:last-child > scrolledwindow > viewport.frame, +leaflet.unfolded > box.vertical:last-child > stack > scrolledwindow > viewport.frame { + background-color: alpha(@color0, 0.04); + border-radius: 12px; + margin: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { + padding: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > separator { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row { + padding: 0; + margin: -1px; + color: @color7; + border-radius: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:active, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:focus { + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected { + font-weight: 500; + background-color: alpha(@color0, 0.04); + border-radius: 9px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected label, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected image { + color: @color13; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:focus { + background-color: alpha(@color0, 0.04); + color: @color7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row + row { + margin-top: 3px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { + border: none; + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar trough, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar trough, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar trough { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { + border: 4px solid transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + border: none; + margin: 1px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-startup { + border: 1px solid alpha(@color7, 0.12); +} + +.tweak-group-startup > row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +row#Focus, +row#ClickMethod, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + margin-top: 4px; +} + +leaflet.titlebar > .titlebar.tweak-titlebar-left, +leaflet.titlebar > .titlebar.tweak-titlebar-right, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { + background-color: inherit; + box-shadow: inherit; + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { + background-color: transparent; + margin: 0; +} + +/************************ + * Gnome Control Center * + ************************/ +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) { + border-top-left-radius: 12px; +} + +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) { + border-top-right-radius: 12px; +} + +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child { + border-top-right-radius: 12px; + border-top-left-radius: 12px; +} + +window.background.csd > stack:not(.titlebar) > stack.background { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background: none; +} + +window.background.csd > leaflet > stack.background frame > border, +window.background.csd > hdyleaflet > stack.background frame > border, +window.background.csd > box.horizontal > stack.background frame > border { + border: none; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: @color0; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { + background: none; +} + +window.background.csd > leaflet frame.view, +window.background.csd > hdyleaflet frame.view, +window.background.csd > box.horizontal frame.view { + border-radius: 12px; + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { + margin: 6px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list { + border-top-width: 0; + border-bottom-width: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row { + border-radius: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list { + border-top-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row { + border-radius: 12px 12px 0 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list { + border-bottom-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row { + border-radius: 0 0 12px 12px; +} + +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: alpha(@color0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list { + background: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box { + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar { + box-shadow: none; +} + +/************************ + * Gnome Sound Recorder * + ************************/ +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 12px; +} + +/************************ + * Epiphany (Gnome Web) * + ************************/ +tabbox { + border: none; + background-color: alpha(@color0, 0.04); + padding: 3px; + margin: 3px; + border-radius: 12px; +} + +tabbox > tab button { + min-height: 24px; + min-width: 24px; + border-radius: 9999px; + border: none; + padding: 0; + margin-right: -6px; +} + +/***************** + * Gnome Weather * + *****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +/*************** + * Gnome Music * + ***************/ +window.background.csd box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +/**************** + * Gnome Clocks * + ****************/ +/************* + * Rhythmbox * + *************/ +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 24px; + min-width: 24px; + padding: 5px; + margin: 0; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + padding: 6px; + margin: -1px 0; + border-bottom: none; + border-top: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + margin: 6px 0; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar { + padding: 0 12px 0 6px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: alpha(@color0, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: @color7; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { + box-shadow: none; + background-color: alpha(@color0, 0.04); + color: alpha(@color7, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-color: @color13; + color: @color0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0 3px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 6px; + margin: -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 0 6px 6px; + margin: 0 -6px -6px 0; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid alpha(@color7, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid alpha(@color7, 0.12); + padding: 3px; + margin: -1px -6px -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid alpha(@color7, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { + padding: 0 6px 6px; + border-bottom: 1px solid alpha(@color7, 0.12); +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: @color13; + color: @color0; +} + +stack.view.polari-entry-area { + background-color: @color0; + border-top: 1px solid alpha(@color7, 0.12); + border-bottom-right-radius: 12px; +} + +stack:disabled.view.polari-entry-area { + background-image: image(@color0); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +layouttabbar > box > button { + margin: 3px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(26, 27, 38, 0.2); + box-shadow: inset 0 -2px @color13; + background-color: @color0; +} + +layouttab separator.vertical { + margin: 8px 4px; +} + +layouttab button.text-button, layouttab button.image-button, layouttab button { + margin-top: 8px; + margin-bottom: 8px; + padding: 0 4px; +} + +layout { + border: 1px solid rgba(26, 27, 38, 0.2); + -pnldockbin-handle-size: 1; +} + +entry.search-missing { + background-color: @color10; + color: @color7; +} + +window.workbench treeview.image { + color: alpha(@color7, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 12px; +} + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; +} + +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(ltr) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(rtl) { + margin-right: 6px; +} + +omnibar.linked:not(.vertical) entry { + border-radius: 12px; +} + +omnibar:not(:hover):not(:active) entry { + color: alpha(@color7, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: @color0; +} + +preferences stacksidebar.sidebar list { + background-color: @color0; +} + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid alpha(@color7, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid alpha(@color7, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid alpha(@color7, 0.12); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 12px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 12px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid alpha(@color7, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(26, 27, 38, 0.2); + -pnldockbin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(26, 27, 38, 0.2); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid alpha(@color7, 0.12); + background-color: @color0; +} + +docktab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + margin-bottom: -1px; + padding: 6px 6px; + border-width: 1px; + border-color: transparent; + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, @color13 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: alpha(@color7, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: @color7; +} + +docktab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px @color13; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: @color7; +} + +dockoverlayedge { + background-color: @color0; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 @color13; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 @color13; +} + +pillbox { + background-color: @color0; + border-radius: 12px; +} + +layoutpane entry.search { + border-bottom: 1px solid alpha(@color7, 0.12); + box-shadow: none; + background-color: @color0; +} + +editortweak entry.search { + margin-bottom: -1px; + box-shadow: none; + background-color: transparent; +} + +.gb-search-entry-occurrences-tag { + box-shadow: none; + background-color: transparent; +} + +docktabstrip { + min-height: 39px; +} + +window.workbench preferences preferencesgroup list entry { + padding-top: 8px; + padding-bottom: 8px; +} + +button.run-arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.dzlmenubutton image { + min-width: 28px; +} + +button.dzlmenubutton image.arrow { + min-width: 25px; +} + +button.dzlmenubuttonitem { + color: @color7; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: alpha(@color7, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +idelayoutstackheader button:checked { + color: @color7; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: @color0; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid alpha(@color7, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid alpha(@color7, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button { + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:active { + background-image: radial-gradient(circle, alpha(@color13, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: @color7; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 @color13; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 @color13; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid alpha(@color7, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid alpha(@color7, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -gdmainiconview-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); + background-color: @color13; + color: @color0; + font-weight: bold; +} + +.documents-scrolledwin.frame { + border-style: none; +} + +.documents-scrolledwin.frame frame.content-view > border { + border-style: none; +} + +.photos-fade-in { + opacity: 1; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.photos-fade-out { + opacity: 0; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +button.photos-filter-preview { + color: @color7; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: @color7; +} + +button.photos-filter-preview:checked image { + color: @color7; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { + border-style: none none none solid; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { + border-style: none solid none none; +} + +/********* + * Music * + *********/ +.side-panel:dir(ltr) { + border-style: solid; + border-color: alpha(@color7, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: alpha(@color7, 0.12); +} + +.side-panel .view { + background-image: image(@color0); +} + +.side-panel .view:hover { + background-image: image(alpha(@color13, 0.1)); +} + +.side-panel .view:selected { + background-image: image(@color13); +} + +.side-panel .view:selected:hover { + background-image: image(@color13); + transition: background-color 100ms ease-out; +} + +.songs-list:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +frame.documents-dropdown { + margin: 8px; +} + +frame.documents-dropdown > border { + border: none; +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid alpha(@color7, 0.12); + background-clip: border-box; +} + +box.vertical > revealer > toolbar.search-bar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/************* + * Documents * + *************/ +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > stack > box > revealer > actionbar > revealer > box { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not( +:hover +):not(.progressbar):not(.expander):not(.trough):not( +.separator +) { + background-color: @color0; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: @color0; +} + +/************ + * Terminal * + ************/ +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window.background.csd, terminal-window.background.csd.maximized { + border-radius: 0; +} + +terminal-window notebook > header > box { + margin: -2px -2px -2px 1px; +} + +terminal-window notebook > header > box button.flat { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; +} + +window.background > box.vertical > box.horizontal > frame > border { + border: none; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + /* border-radius: $corner-radius; */ + margin: 0 6px 6px; + background-color: @color0; + color: @color7; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row { + padding: 0 2px; + margin: 2px 0; + border-radius: 12px; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover { + color: @color13; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active { + color: @color7; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { + margin: 0 6px 6px 0; +} + +.terminal-window { + background-color: @color0; +} + +.terminal-window tabbar tabbox { + background-color: @color0; + margin: 0; + border-radius: 0; + border-bottom: 1px solid alpha(@color7, 0.12); + background-clip: border-box; +} + +/********* + * To Do * + *********/ +task-list-view taskrow { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 0 -8px; +} + +task-list-view taskrow:hover { + transition: none; +} + +task-list-view taskrow label { + margin: 0 8px; +} + +task-list-view taskrow image.dim-label { + min-width: 16px; +} + +task-list-view > box > revealer > box > button { + margin: -5px; +} + +task-list-view > box > revealer > box > button .dim-label { + color: inherit; +} + +tasklistview taskrow { + outline: none; +} + +tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { + box-shadow: none; +} + +tasklistview taskrow image.dim-label { + min-width: 16px; +} + +tasklistview > box > revealer > box > button { + margin: -5px; +} + +tasklistview > box > revealer > box > button .dim-label { + color: inherit; +} + +/******* + * Eog * + *******/ +#eog-thumb-nav scrolledwindow { + border-top: none; +} + +/************* + * Evolution * + *************/ +frame.taskbar > border { + border-style: solid none none; +} + +box.vertical > paned.horizontal notebook widget .frame { + border-style: none; +} + +/*********** + * Fractal * + ***********/ +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +/******** + * Gitg * + ********/ +frame.commit-frame > border { + border-style: solid none none; +} + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { + border: 1px solid rgba(26, 27, 38, 0.2); +} + +list.categories { + background-image: image(@color0); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 12px; + background-color: @color0; + color: @color7; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 34px; +} + +/********* + * Geary * + *********/ +window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical, +window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: 12px; +} + +window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar, +window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar { + border-bottom-left-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background: none; + border-bottom-right-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded { + animation: none; + background-image: none; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box { + border-radius: 0; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar { + color: @color7; + background-color: @color0; + box-shadow: none; + border-bottom: 1px solid rgba(26, 27, 38, 0.2); +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box { + border-bottom-left-radius: 0; +} + +.geary-accounts-editor-pane frame:not(.geary-signature) > border, +.geary-accounts-editor-pane scrolledwindow.frame { + border: none; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout { + background-color: @color0; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { + background-color: @color0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { + background-color: @color0; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { + min-width: 1px; + background-color: alpha(@color0, 0.12); +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow { + padding: 3px; +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view { + border: 1px solid transparent; + border-radius: 12px; + padding: 6px; +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active { + border-radius: 12px; + background-color: @color13; + color: @color0; +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: alpha(@color0, 0.12); +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid alpha(@color7, 0.12); + border-bottom-width: 0; + background-color: @color0; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { + border-radius: 0 0 8px 8px; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { + background-color: transparent; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { + border-radius: 0 0 6px 6px; +} + +/************** + * Extensions * + **************/ +window.background.csd stack stack stack frame > border, +window.background.csd > stack > stack > box > frame > border, +window.background.csd > stack > stack > box > box > frame > border, +window.background.csd > stack > box > stack > box > frame > border, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { + border: none; +} + +window.background.csd > stack > box > box > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport > list { + border-bottom-left-radius: 12px; +} + +window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { + padding: 0 0; +} + +/*********** + * Dialogs * + ***********/ +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: @color0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +window.background.csd.unified { + background-color: @color0; +} + +window.background.csd.unified headerbar { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 1px alpha(@color7, 0.1); +} + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 12px; +} + +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay { + box-shadow: none; +} + +window.background.csd.unified.tiled, +window.background.csd.unified.tiled > decoration, +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top, +window.background.csd.unified.tiled-top > decoration, +window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right, +window.background.csd.unified.tiled-right > decoration, +window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom, +window.background.csd.unified.tiled-bottom > decoration, +window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left, +window.background.csd.unified.tiled-left > decoration, +window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized, +window.background.csd.unified.maximized > decoration, +window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen, +window.background.csd.unified.fullscreen > decoration, +window.background.csd.unified.fullscreen > decoration-overlay { + border-radius: 0; +} + + + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: @color0; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(233, 233, 237, 0.12); +} + +/********* + * Meld * + ********/ +.meld-notebook, +.meld-notebook > stack { + background: none; + border-radius: 0 0 12px 12px; +} + +.meld-notebook-child { + background-color: @color0; + border-radius: 0 0 12px 12px; +} + +statusbar.meld-status-bar { + background: none; +} + +/*********** + * Eclipse * + ***********/ +window.background > box.vertical > scrolledwindow > widget toolbar { + padding: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar separator, +window.background > box.vertical > scrolledwindow > widget toolbar button { + margin: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar button { + border-radius: 12px; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: @color0; +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid alpha(@color16, 0.8); +} + +window.background.chromium > button { + color: @color13; +} + +window.background.chromium > button:disabled { + color: alpha(@color7, 0.32); +} + +window.background.chromium menubar, +window.background.chromium headerbar { + color: alpha(@color7, 0.7); +} + +window.background.chromium headerbar.titlebar { + padding: 0 12px; +} + +window.background.chromium headerbar.titlebar button:active { + background-color: alpha(currentColor, 0.12); +} + +window.background.chromium spinner { + color: @color13; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: @color13; + color: @color0; +} + +window.background.chromium treeview.view button { + border: 1px solid alpha(@color7, 0.3); + background-color: @color0; +} + +window.background.chromium menu { + background-color: @color13; + border-color: @color16; +} + +window.background.chromium menu menuitem { + border-radius: 0; + background-color: alpha(@color0, 0.04); +} + +tooltip.background.chromium { + background-color: @color0; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget decoration { + border: none; +} + +#MozillaGtkWidget > widget text { + background-color: @color0; +} + +#MozillaGtkWidget > widget text:selected { + background-color: @color13; + color: @color0; +} + +#MozillaGtkWidget > widget > separator { + color: @color16; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: alpha(@color16, 0.8); +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid alpha(@color16, 0.8); + border-radius: 12px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: alpha(@color7, 0.12); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: @color0; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: @color13; + box-shadow: inset 0 0 0 1px @color13; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: @color0; +} + +#MozillaGtkWidget > widget > button > button { + padding: 4px 8px; + background-size: auto; +} + +#MozillaGtkWidget > widget > button > button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +#MozillaGtkWidget > widget > button > button:active { + background-image: image(alpha(currentColor, 0.12)); +} + +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { + color: alpha(@color16, 0.7); +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { + color: @color13; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(65, 72, 104, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: alpha(@color7, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: @color7; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: alpha(@color7, 0.32); +} + +#MozillaGtkWidget > widget > frame { + color: alpha(@color16, 0.8); +} + +#MozillaGtkWidget menu > separator { + color: alpha(@color16, 0.8); +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +/************ + * Inkscape * + ************/ +#ToolboxCommon > #AuxToolbox #StyleSwatch { + font-size: smaller; +} + +#ToolboxCommon > #AuxToolbox #Kludge { + padding: 0; +} + +#ToolboxCommon > #AuxToolbox spinbutton, +#ToolboxCommon > #AuxToolbox entry { + min-height: 32px; +} + +#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; +} + +#ToolboxCommon > #AuxToolbox spinbutton button { + border-width: 4px; +} + +#ToolboxCommon > toolbar.vertical { + margin-top: -4px; +} + +#ToolboxCommon > toolbar.vertical button { + min-height: 24px; + min-width: 24px; + padding: 4px; +} + +#CanvasTable button { + min-height: 16px; + min-width: 16px; + padding: 0; +} + +#CanvasTable #HorizontalScrollbar { + border-top: 1px solid rgba(233, 233, 237, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(233, 233, 237, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(233, 233, 237, 0.12); +} + +#Canvas_and_Dock frame > border { + border: none; +} + +#Canvas_and_Dock widget > widget > button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; +} + +#Canvas_and_Dock widget > widget > box.horizontal image { + padding: 4px; +} + +#Canvas_and_Dock box.horizontal > box.vertical > button.flat { + min-height: 16px; + min-width: 24px; + padding: 8px 4px; +} + +scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image { + padding: 4px; +} + +#InKscapeCanvas { + background-color: @color0; + border-radius: 12px; +} + +/*********** + * Synapse * + ***********/ +/*************** + * Libreoffice * + ***************/ +window.background > grid +> widget +> widget +> scrolledwindow +> viewport +> grid +> box +> box +> frame +> box { + background-color: @color0; +} + +/********* + * Pamac * + *********/ +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list { + border: none; + border-radius: 0; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable { + border-radius: 12px; +} + +dialog-host > floating-sheet > sheet > widget.response-area { + padding: 6px; +} + +window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) { + /* background-color: if($variant == 'light', $grey-100, $grey-900); */ + background-color: @color0; +} + +window.background:not(.csd) > box +> widget +> widget +> widget +> widget +> widget +> widget +> widget +> scrolledwindow entry:focus { + background-color: @color0; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: @color0; + border-bottom: 1px solid rgba(233, 233, 237, 0.12); +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar > toolitem > .linked > button.image-button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(233, 233, 237, 0.7); +} + +.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked { + color: @color7; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(233, 233, 237, 0.32); +} + +.nemo-window .primary-toolbar button.text-button:backdrop { + color: rgba(233, 233, 237, 0.5); +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button:checked { + box-shadow: none; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { + padding-left: 4px; + padding-right: 4px; +} + +.nemo-window scrolledwindow.frame { + border-style: none; +} + +.nemo-window scrolledwindow.frame .view:not(:selected) { + background-color: transparent; +} + +.nemo-window .nemo-inactive-pane .view:not(:selected) { + background-color: @color0; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(233, 233, 237, 0.04); +} + +.nemo-window .nemo-window-pane > notebook { + border-radius: 0; +} + +.places-treeview { + -nemoplacestreeview-disk-full-bg-color: @color0; + -nemoplacestreeview-disk-full-fg-color: @color13; + -nemoplacestreeview-disk-full-bar-width: 2px; + -nemoplacestreeview-disk-full-bar-radius: 0; + -nemoplacestreeview-disk-full-bottom-padding: 1px; + -nemoplacestreeview-disk-full-max-length: 80px; + padding-top: 3px; + padding-bottom: 3px; +} From 9dc2bf1701661918a8768571bfe64f4d63c4eeb5 Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:39:38 +0600 Subject: [PATCH 06/17] Update gtk3-colors.css --- .../.config/matugen/templates/gtk3-colors.css | 6838 +---------------- 1 file changed, 16 insertions(+), 6822 deletions(-) diff --git a/dotfiles/.config/matugen/templates/gtk3-colors.css b/dotfiles/.config/matugen/templates/gtk3-colors.css index 5c8b33429..b2d5bc981 100644 --- a/dotfiles/.config/matugen/templates/gtk3-colors.css +++ b/dotfiles/.config/matugen/templates/gtk3-colors.css @@ -1,6822 +1,16 @@ -@import url("colors.css"); - -@keyframes ripple { - to { - background-size: 1000% 1000%; - } -} - -@keyframes ripple-on-slider { - to { - background-size: auto, 1000% 1000%; - } -} - -@keyframes ripple-on-headerbar { - from { - background-color: @color13; - opacity: 0.1; - } - to { - background-color: transparent; - opacity: 0; - } -} - -* { - background-clip: padding-box; - -gtktoolbutton-icon-spacing: 0; - -gtktextview-error-underline-color: @color10; - -gtkscrolledwindow-scrollbar-spacing: 0; - -gtktoolitemgroup-expander-size: 11; - -gtkwidget-text-handle-width: 24; - -gtkwidget-text-handle-height: 24; - -gtkdialog-button-spacing: 6; - -gtkdialog-action-area-border: 6; - outline-style: solid; - outline-width: 2px; - outline-color: transparent; - outline-offset: -4px; - -gtk-outline-radius: 12px; - -gtk-secondary-caret-color: @color13; -} - -*:focus { - outline-color: alpha(currentColor, 0.1); -} - -.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, modelbutton.flat:selected, -.menuitem.button.flat:selected { - color: @color7; - background-color: alpha(@color0, 0.1); -} - -.nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected { - color: @color13; - background-color: alpha(@color13, 0.2); -} - -.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, -entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected { - color: @color0; - background-color: @color13; -} - -treeview.view:selected, .view:selected { - color: rgba(26, 27, 38, 0.87); - background-color: @color13; -} - -.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { - border-radius: 0; -} - -.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { - border-top-left-radius: 12px; - border-bottom-left-radius: 12px; -} - -.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { - border-radius: 12px; -} - -.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry { - border-radius: 0; -} - -.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { - border-radius: 12px; -} - -/*************** - * Base States * - ***************/ -.background { - background-color: @color0; - color: @color7; -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.maximized, .background.solid-csd { - border-radius: 0; -} - -*:disabled { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: @color0; - color: @color7; -} - -.gtkstyle-fallback:hover { - background-color: alpha(@color13, 0.15); - color: @color13; -} - -.gtkstyle-fallback:active { - background-color: alpha(@color13, 0.25); - color: @color13; -} - -.gtkstyle-fallback:disabled { - background-color: @color0; - color: alpha(@color7, 0.5); -} - -.gtkstyle-fallback:selected { - background-color: @color13; - color: @color0; -} - -.view { - background-color: @color0; - color: @color13; -} - -.view:hover { - color: @color13; - box-shadow: inset 0 0 0 9999px alpha(@color13, 0.12); -} - -.view:disabled { - color: alpha(@color7, 0.4); - background-color: @color0; -} - -.view:selected { - background-color: alpha(@color13, 0.2); - color: @color13; -} - -.view:selected:hover { - box-shadow: none; - background-color: alpha(@color13, 0.25); -} - -window.background.csd > stack.view { - border-radius: 0 0 12px 12px; -} - -textview text { - background-color: alpha(@color0, 0.05); - color: @color7; - caret-color: @color13; -} - -textview border { - background-color: @color0; - border-color: alpha(@color16, 0.6); -} - -iconview:hover, iconview:selected { - border-radius: 12px; -} - -.rubberband, -rubberband, -XfdesktopIconView.view .rubberband, -.content-view rubberband, -.content-view .rubberband, -treeview.view rubberband, -flowbox rubberband { - border: 1px solid @color13; - background-color: alpha(@color13, 0.15); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 12px; - color: @color7; -} - -flowbox flowboxchild button.osd.remove-button { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 6px; -} - -.content-view .tile:selected { - background-color: transparent; -} - -label { - caret-color: currentColor; -} - -label.separator { - color: alpha(@color7, 0.7); -} - -label:disabled { - color: alpha(@color7, 0.5); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 12px; - background-color: alpha(@scolor0, 0.9); - color: @color7; -} - -.dim-label { - color: alpha(@color7, 0.5); -} - -assistant .sidebar { - padding: 4px 0; -} - -assistant .sidebar label { - min-height: 34px; - padding: 0 12px; - color: alpha(@color7, 0.5); - font-weight: 500; -} - -assistant .sidebar label.highlight { - color: @color13; - background-color: alpha(@color13, 0.1) -} - -.osd .scale-popup.background, .app-notification, -.osd { - opacity: 0.9; -} - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-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; -} - -/**************** - * Text Entries * - ****************/ -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry { - background-color: alpha(@color0, 0.05); - color: @color7; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus { - color: rgba(26, 27, 38, 0.87); - box-shadow: inset 0 0 0 1px alpha(@color13, 0.3); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active) { - color: rgba(26, 27, 38, 0.87); - background-color: alpha(@color13, 0.15); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled { - background-color: transparent; - color: alpha(@color7, 0.4); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image { - color: alpha(@color7, 0.6); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled { - color: alpha(@color7, 0.3); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image { - color: @color13; -} - -spinbutton.vertical, spinbutton:not(.vertical), -entry { - min-height: 34px; - padding: 0 8px; - border-radius: 12px; - caret-color: currentColor; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 0 0 2px transparent; - background-color: alpha(@color0, 0.08); - color: @color7; -} - -spinbutton.vertical:focus, spinbutton:focus:not(.vertical), -entry:focus { - background-color: alpha(@color0, 0.12); - box-shadow: inset 0 0 0 2px @color13; -} - -spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), -entry:drop(active) { - background-color: alpha(@color13, 0.15); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); -} - -spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical), -entry:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: alpha(@color0, 0.04); - color: alpha(@color7, 0.04); -} - -spinbutton.flat.vertical, spinbutton.flat:not(.vertical), -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -spinbutton.vertical image, spinbutton:not(.vertical) image, -entry image { - color: alpha(@color7, 0.7); -} - -spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active, -entry image:hover, -entry image:active { - color: @color13; -} - -spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, -entry image:disabled { - color: alpha(@color7, 0.4); -} - -spinbutton.vertical image.left, spinbutton:not(.vertical) image.left, -entry image.left { - margin-left: 1px; - margin-right: 6px; -} - -spinbutton.vertical image.right, spinbutton:not(.vertical) image.right, -entry image.right { - margin-left: 6px; - margin-right: 1px; -} - -spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left, -entry undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, alpha(@color7, 0.3) 50%); - padding-left: 1px; - background-size: 1px 12px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left top; - margin: 0 4px; - margin: 4px 0; -} - -spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right, -entry undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, alpha(@color7, 0.3) 50%); - padding-right: 1px; - background-size: 1px 12px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right top; - margin: 0 4px; - margin: 4px 0; -} - -spinbutton.error.vertical, spinbutton.error:not(.vertical), -entry.error { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 0 0 2px @color10; - background-color: alpha(@color0, 0.08); - color: @color7; -} - -spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), -entry.error:focus { - background-color: alpha(@color0, 0.08); - box-shadow: inset 0 0 0 2px @color10; -} - -spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: alpha(@color0, 0.08); - color: alpha(@color7, 0.5); -} - -spinbutton.warning.vertical, spinbutton.warning:not(.vertical), -entry.warning { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 0 0 2px @color3; - background-color: alpha(@color0, 0.08); - color: @color7; -} - -spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), -entry.warning:focus { - background-color: alpha(@color0, 0.08); - box-shadow: inset 0 0 0 2px @color8; -} - -spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: alpha(@color0, 0.08); - color: alpha(@color7, 0.5); -} - -spinbutton.vertical progress, spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -8px; - border-bottom: 2px solid @color13; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: @color0; -} - -treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { - border-image: none; - box-shadow: none; -} - -.entry-tag, .photos-entry-tag, .documents-entry-tag { - margin: 2px; - border-radius: 9999px; - box-shadow: none; - background-color: alpha(@color0, 0.12); - color: @color7; -} - -.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { - background-image: image(alpha(currentColor, 0.08)); -} - -:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { - margin-left: 4px; - margin-right: 0; - padding-left: 12px; - padding-right: 8px; -} - -:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { - margin-left: 0; - margin-right: 4px; - padding-left: 8px; - padding-right: 12px; -} - -.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { - box-shadow: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { - color: alpha(@color7, 0.7); -} - -.entry-tag:active, -.photos-entry-tag:active, -.documents-entry-tag:active { - background-color: alpha(@color13, 0.25); - color: alpha(@color0, 0.7); -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@color13), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@color13), to(transparent)); - } -} - -actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.combo) { - background-color: @color0; - color: @color7; -} - -actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.combo) { - background-color: alpha(@color13, 0.2); - color: @color13; -} - -window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat, terminal-window notebook > header > box button.flat, notebook > header > button.flat, notebook > header tab:not(:checked) button.flat { - color: alpha(@color7, 0.6); - background-color: transparent; -} - -window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:hover, terminal-window notebook > header > box button.flat:hover, notebook > header > button.flat:hover, notebook > header tab:not(:checked) button.flat:hover, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:active, terminal-window notebook > header > box button.flat:active, notebook > header > button.flat:active, notebook > header tab:not(:checked) button.flat:active, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:focus, terminal-window notebook > header > box button.flat:focus, notebook > header > button.flat:focus, notebook > header tab:not(:checked) button.flat:focus { - color: @color13; - background-color: alpha(@color13, 0.1); -} - -window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:checked, terminal-window notebook > header > box button.flat:checked, notebook > header > button.flat:checked, notebook > header tab:not(:checked) button.flat:checked { - background-color: rgba(26, 27, 38, 0.87); - color: @color7; -} - -window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:disabled, terminal-window notebook > header > box button.flat:disabled, notebook > header > button.flat:disabled, notebook > header tab:not(:checked) button.flat:disabled { - color: alpha(@color7, 0.3); -} - -button { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: alpha(@color0, 0.08); - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: @color7; -} - -button:focus { - box-shadow: 0 0 0 2px alpha(@color7, 0.35); -} - -button:hover { - box-shadow: inset 0 0 0 9999px alpha(@color13, 0.08); -} - -button:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(@color13, 0.16) 10%, transparent 0%); - background-size: 0% 0%; -} - -button:disabled { - box-shadow: none; - background-color: alpha(@color0, 0.04); - color: alpha(@color7, 0.4); -} - -button:checked { - background-color: @color13; - color: @color0; -} - -button:checked:hover { - box-shadow: inset 0 0 0 9999px alpha(@color13, 0.9); -} - -button:checked:disabled { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); - background-color: alpha(@color13, 0.2); - color: alpha(@color14, 0.5); -} - -.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { - border-radius: 9999px; -} - -.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { - padding: 0; -} - -.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header > button.flat, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 9999px; -} - -button { - min-height: 24px; - min-width: 16px; - padding: 5px 9px; - border-radius: 12px; - font-weight: 500; -} - -button:drop(active) { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, -window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, -messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, popover.background.menu button:checked, -popover.background button.model:checked, toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { - background-color: alpha(currentColor, 0.1); - color: @color7; -} - -.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, -window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, popover.background.menu button:checked:disabled, -popover.background button.model:checked:disabled, toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { - background-color: alpha(currentColor, 0.1); - color: alpha(@color7, 0.5); -} - -button.text-button { - min-width: 32px; - padding-left: 16px; - padding-right: 16px; -} - -button.image-button { - min-width: 24px; - padding: 5px; -} - -button.text-button.image-button { - min-width: 24px; - padding: 5px; - border-radius: 12px; -} - -button.text-button.image-button label:first-child { - margin-left: 11px; -} - -button.text-button.image-button label:last-child { - margin-right: 11px; -} - -button.text-button.image-button.flat label:first-child { - margin-left: 7px; -} - -button.text-button.image-button.flat label:last-child { - margin-right: 7px; -} - -button.text-button.image-button image:not(:only-child) { - margin: 0 4px; -} - -.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { - border-radius: 12px; -} - -button.osd { - min-width: 24px; - min-width: 24px; - padding: 5px; - background-color: @color0; - color: @color7; -} - -button.osd:focus { - box-shadow: none; -} - -button.osd:hover { - background-color: @color0; - color: @color7; -} - -button.osd:active { - background-color: @color0; - color: @color7; -} - -button.osd:disabled { - opacity: 0; -} - -button.osd.image-button, button.osd.circular { - padding: 11px; -} - -button.osd.image-button > image, button.osd.circular > image { - padding: 0; -} - -button.suggested-action { - background-color: @color13; - color: @color0; - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: alpha(@color13, 0.2); - color: alpha(@color14, 0.5); -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px alpha(@color13, 0.2), 0 4px 3px 0 alpha(@color13, 0.14), 0 1px 6px 0 alpha(@color13, 0.12); -} - -button.suggested-action:checked { - background-color: alpha(@color13, 0.85); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(46, 125, 233, 0.3), 0 2px 3px -1px rgba(46, 125, 233, 0.24), 0 2px 5px 0 rgba(46, 125, 233, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px alpha(@color13, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: @color13; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: alpha(@color13, 0.4); -} - -button.suggested-action.flat:checked { - background-color: alpha(@color13, 0.15); -} - -button.destructive-action { - background-color: @color10; - color: @color11; - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: alpha(@color10, 0.2); - color: alpha(@color11, 0.5); -} - -button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px alpha(@color10, 0.2), 0 4px 3px 0 alpha(@color10, 0.14), 0 1px 6px 0 alpha(@color10, 0.12); -} - -button.destructive-action:checked { - background-color: alpha(@color10, 0.85); -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(245, 42, 101, 0.3), 0 2px 3px -1px rgba(245, 42, 101, 0.24), 0 2px 5px 0 rgba(245, 42, 101, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px alpha(@error, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: @color10; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: alpha(@color10, 0.4); -} - -button.destructive-action.flat:checked { - background-color: alpha(@color10, 0.15); -} - -.stack-switcher > button > label { - margin: 0 -6px; - padding: 0 6px; -} - -.stack-switcher > button > image { - margin: -3px -6px; - padding: 3px 6px; -} - -.stack-switcher > button.needs-attention:checked > label, -.stack-switcher > button.needs-attention:checked > image { - animation: none; - background-image: none; -} - -.primary-toolbar button { - -gtk-icon-shadow: none; -} - -button.close, button.circular { - min-width: 34px; - min-height: 34px; - padding: 0; -} - -stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image { - animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-repeat: no-repeat; - background-position: right 3px; - background-size: 6px 6px; -} - -stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl) { - background-position: left 3px; -} - -button.color { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - -/********* - * Links * - *********/ -*:link { - color: @color13; -} - -*:visited { - color: alpha(@color13, 0.6); -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: @color13; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: alpha(@color13, 0.6); -} - -button.link > label { - text-decoration-line: underline; -} - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical) { - padding: 0; -} - -spinbutton:not(.vertical) entry { - min-width: 30px; - margin: 0; - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -spinbutton:not(.vertical) button { - border: solid 6px transparent; -} - -spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { - box-shadow: inset 0 0 0 9999px transparent; - color: alpha(@color7, 0.7); -} - -spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { - margin-left: -3px; -} - -spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { - margin-right: -3px; -} - -spinbutton.vertical { - padding: 0; -} - -spinbutton.vertical:disabled { - color: alpha(@color7, 0.5); -} - -spinbutton.vertical entry { - margin: 0; - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; - min-height: 34px; - min-width: 40px; - padding: 0; -} - -spinbutton.vertical button { - padding: 0; - border: solid 6px transparent; -} - -spinbutton.vertical button:focus:not(:hover):not(:active) { - box-shadow: inset 0 0 0 9999px transparent; - color: alpha(@color7, 0.7); -} - -spinbutton.vertical button.up { - margin: 0 3px; -} - -spinbutton.vertical button.down { - margin: 0 3px; -} - -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; -} - -treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; -} - -/************** - * ComboBoxes * - **************/ -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -combobox decoration { - transition: none; -} - -combobox button.combo cellview:dir(ltr) { - margin-left: -1px; -} - -combobox button.combo cellview:dir(rtl) { - margin-right: -1px; -} - -combobox.linked button:nth-child(2):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -combobox.linked button:nth-child(2):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -combobox > .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 12px; -} - -combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { - margin-right: -34px; - padding-right: 34px; -} - -combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { - margin-left: -34px; - padding-left: 34px; -} - -combobox > .linked:not(.vertical) > button:not(:only-child) { - min-height: 16px; - min-width: 16px; - margin: 5px; - padding: 4px; - border-radius: 12px; -} - -combobox > .linked > button.combo { - padding: 5px 9px; -} - -.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.linked.vertical > combobox:not(:first-child) > box > button.combo { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.linked.vertical > combobox:not(:last-child) > box > button.combo { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -button.combo:only-child { - border-radius: 12px; - font-weight: normal; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 0 0 2px transparent; - background-color: alpha(@color0, 0.08); - color: @color7; -} - -button.combo:only-child:focus { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(@color7, 0.3); -} - -button.combo:only-child:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); -} - -button.combo:only-child:checked { - background-color: alpha(@color0, 0.08); - box-shadow: inset 0 0 0 2px @color13; -} - -button.combo:only-child:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: alpha(@color0, 0.08); - color: alpha(@color7, 0.5); -} - -/************ - * Toolbars * - ************/ -toolbar { - -gtkwidget-window-dragging: true; - padding: 2px 3px; - background-color: @color0; -} - -toolbar .linked -> button:not(:hover):not(:active):not(:checked):not(:focus):not( -:disabled -) { - background-color: alpha(currentColor, 0.05); -} - -.osd toolbar { - background-color: transparent; -} - -frame.documents-dropdown, .osd .scale-popup.background, .app-notification, toolbar.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - border-radius: 12px; - box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); - background-color: @color0; - color: @color7; -} - -frame.documents-dropdown:backdrop, .osd .scale-popup.background:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px alpha(@color7, 0.2), 0 2px 2px -1px alpha(@color7, 0.24), 0 1px 3px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); -} - -frame.left.documents-dropdown, .osd .left.scale-popup.background, .left.app-notification, frame.right.documents-dropdown, .osd .right.scale-popup.background, .right.app-notification, frame.top.documents-dropdown, .osd .top.scale-popup.background, .top.app-notification, frame.bottom.documents-dropdown, .osd .bottom.scale-popup.background, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -frame.bottom.documents-dropdown, .osd .bottom.scale-popup.background, .bottom.app-notification, toolbar.osd.bottom { - box-shadow: none; - background-color: transparent; - background-image: linear-gradient(to bottom, transparent, alpha(@color7, 0.1) 30%, alpha(@color7, 0.2) 50%, alpha(@color7, 0.4)); -} - -frame.documents-dropdown entry, .osd .scale-popup.background entry, .app-notification entry, -frame.documents-dropdown button, -.osd .scale-popup.background button, -.app-notification button, toolbar.osd entry, -toolbar.osd button { - border-radius: 12px; -} - -frame.documents-dropdown entry, .osd .scale-popup.background entry, .app-notification entry, toolbar.osd entry { - color: @color7; -} - -frame.documents-dropdown .linked > button:first-child, .osd .scale-popup.background .linked > button:first-child, .app-notification .linked > button:first-child, toolbar.osd .linked > button:first-child { - border-radius: 12px 0 0 12px; -} - -frame.documents-dropdown .linked > button:last-child, .osd .scale-popup.background .linked > button:last-child, .app-notification .linked > button:last-child, toolbar.osd .linked > button:last-child { - border-radius: 0 12px 12px 0; -} - -toolbar.horizontal > separator { - margin: 2px; -} - -toolbar.vertical > separator { - margin: 2px; -} - -toolbar:not(.inline-toolbar):not(.osd) scale, -toolbar:not(.inline-toolbar):not(.osd) entry, -toolbar:not(.inline-toolbar):not(.osd) spinbutton, -toolbar:not(.inline-toolbar):not(.osd) button { - margin: 2px 1px; -} - -toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { - margin-left: 0; -} - -toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { - margin-right: 0; -} - -toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, -toolbar:not(.inline-toolbar):not(.osd) spinbutton button { - margin: 0; -} - -toolbar:not(.inline-toolbar):not(.osd) switch { - margin: 8px 2px; -} - -.toolbar { - background-color: @color0; -} - -frame .toolbar { - border-top: 1px solid alpha(@color7, 0.12); -} - -.inline-toolbar { - padding: 6px; - border-style: solid; - border-width: 0 1px 1px; - border-color: alpha(@color7, 0.12); - background-color: @color0; - border-radius: 0 0 9px 9px; -} - -.frame .inline-toolbar { - border-width: 1px 0 0; - background-color: transparent; -} - -searchbar > revealer > box, -.location-bar { - padding: 6px; - border: none; - background-color: @color0; -} - -searchbar > revealer > box { - margin: -6px; -} - -/*************** - * Header bars * - ***************/ -.nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action) { - color: alpha(@color7, 0.7); - background-color: alpha(@color0, 0.04); - border-radius: 12px; -} - -.nemo-window .primary-toolbar .linked > button:not(.text-button), .titlebar .linked > button:not(.suggested-action):not(.destructive-action) { - border-radius: 0; -} - -.nemo-window .primary-toolbar .linked > button:first-child:not(.text-button), .titlebar .linked > button:first-child:not(.suggested-action):not(.destructive-action) { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; -} - -.nemo-window .primary-toolbar .linked > button:last-child:not(.text-button), .titlebar .linked > button:last-child:not(.suggested-action):not(.destructive-action) { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; -} - -.nemo-window .primary-toolbar .linked > button:only-child:not(.text-button), .titlebar .linked > button:only-child:not(.suggested-action):not(.destructive-action) { - border-radius: 9999px; -} - -.nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action) { - box-shadow: inset 0 0 0 9999px alpha(@color7, 0.12); -} - -.nemo-window .primary-toolbar button:checked:not(.text-button), .titlebar button:checked:not(.suggested-action):not(.destructive-action) { - background-color: @color13; - color: rgba(26, 27, 38, 0.87); -} - -.nemo-window .primary-toolbar button:checked:hover:not(.text-button), .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action) { - box-shadow: inset 0 0 0 9999px rgba(26, 27, 38, 0.04); - color: rgba(26, 27, 38, 0.87); -} - -.nemo-window .primary-toolbar button:checked:focus:not(.text-button), .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action) { - color: rgba(26, 27, 38, 0.87); - box-shadow: none; -} - -.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action) { - background-color: rgba(225, 226, 231, 0.5); - color: rgba(26, 27, 38, 0.38); -} - -.nemo-window .primary-toolbar button:focus:not(.text-button), .titlebar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), .titlebar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), .titlebar button:active:not(.suggested-action):not(.destructive-action) { - color: @color7; -} - -.nemo-window .primary-toolbar button:disabled:not(.text-button), .titlebar button:disabled:not(.suggested-action):not(.destructive-action) { - color: alpha(@color7, 0.32); -} - -.nemo-window .primary-toolbar button:backdrop:not(.text-button), .titlebar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: alpha(@color7, 0.5); -} - -.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), .titlebar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), .titlebar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), .titlebar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: alpha(@color7, 0.7); -} - -.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), .titlebar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: alpha(@color7, 0.32); -} - -.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), .titlebar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(26, 27, 38, 0.6); -} - -.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), .titlebar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(26, 27, 38, 0.3); -} - -.nemo-window .primary-toolbar entry, .titlebar entry { - background-color: alpha(@color0, 0.04); - color: @color7; - border-radius: 9999px; -} - -.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { - background-color: alpha(@color0, 0.04); - color: alpha(@color7, 0.5); -} - -.nemo-window .primary-toolbar entry image, .titlebar entry image { - color: alpha(@color7, 0.7); -} - -.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active { - color: @color7; -} - -.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { - color: alpha(@color7, 0.5); -} - -.titlebar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: @color0; - color: @color7; - border-radius: 12px 12px 0 0; - border: none; - box-shadow: inset 0 1px alpha(@color7, 0.1); -} - -.titlebar:disabled { - color: alpha(@color7, 0.5); -} - -.titlebar:backdrop { - color: alpha(@color7, 0.7); -} - -.titlebar:backdrop:disabled { - color: alpha(@color7, 0.32); -} - -.csd .titlebar:backdrop { - background-color: @color0; -} - -.titlebar .title { - padding: 0 12px; - font-weight: bold; -} - -.titlebar .subtitle { - padding: 0 12px; - font-size: smaller; -} - -.titlebar .subtitle, -.titlebar .dim-label { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: alpha(@color7, 0.7); -} - -.titlebar .subtitle:backdrop, -.titlebar .dim-label:backdrop { - color: alpha(@color7, 0.5); -} - -.titlebar .titlebar, -.titlebar headerbar { - background-color: transparent; - box-shadow: none; -} - -.titlebar + separator, -.titlebar + separator.sidebar { - background-color: @color0; - background-image: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px alpha(@color7, 0.1); -} - -.titlebar + separator:backdrop, -.titlebar + separator.sidebar:backdrop { - background-color: @color0; -} - -.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { - background-color: @color13; -} - -.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { - background-color: @color13; -} - -.titlebar button.suggested-action:disabled, -.titlebar button.destructive-action:disabled { - background-color: alpha(@color0, 0.04); - color: alpha(@color7, 0.5); -} - -.titlebar stackswitcher { - background-color: alpha(@color0, 0.04); -} - -.titlebar stackswitcher:checked { - background-color: @color7; - color: rgba(26, 27, 38, 0.87); -} - -.titlebar stackswitcher:checked:hover { - background-color: @color7; -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 9999px; -} - -.titlebar .path-bar -button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; - padding-left: 5px; - padding-right: 5px; -} - -.titlebar.selection-mode { - transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - background-color: @color13; - color: @color0; - box-shadow: inset 0 1px alpha(@color7, 0.2); -} - -.titlebar.selection-mode:backdrop { - color: alpha(@color0, 0.7); - background-color: alpha(@color13, 0.8); -} - -.titlebar.selection-mode .subtitle:link { - color: @color7; -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { - color: @color7; -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: alpha(@color7, 0.5); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { - color: @color7; -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: alpha(@color7, 0.5); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { - color: alpha(@color7, 0.7); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: alpha(@color7, 0.32); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: alpha(@color7, 0.7); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: alpha(@color7, 0.32); -} - -.titlebar.selection-mode .selection-menu { - padding-left: 16px; - padding-right: 16px; -} - -.titlebar.selection-mode .selection-menu arrow { - -gtkarrow-arrow-scaling: 1; -} - -.titlebar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { - border-radius: 0; -} - -.titlebar.default-decoration { - min-height: 24px; - padding: 6px 12px; - border-radius: 12px 12px 0 0; - border: none; - background-color: @color0; - background-image: none; - box-shadow: inset 0 1px alpha(@color7, 0.1); -} - -.titlebar.default-decoration:backdrop { - background-color: @color0; -} - -.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { - box-shadow: none; - border-radius: 0; -} - -.titlebar.default-decoration button.titlebutton { - min-height: 24px; - min-width: 24px; - margin: 0; - padding: 0; -} - -.titlebar.default-decoration button.titlebutton.minimize:active, .titlebar.default-decoration button.titlebutton.maximize:active, .titlebar.default-decoration button.titlebutton.close:active { - color: rgba(26, 27, 38, 0.87); - background-image: none; - animation: none; - box-shadow: none; - background-color: @colors0; -} - -.background.csd .titlebar.default-decoration { - padding: 6px; -} - -.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { - border-radius: 0; - box-shadow: none; -} - -headerbar { - min-height: 46px; - padding: 0 6px; -} - -box.vertical headerbar { - background-color: @color0; -} - -headerbar entry, -headerbar spinbutton, -headerbar button, -headerbar stackswitcher { - margin-top: 6px; - margin-bottom: 6px; -} - -headerbar > box.left, -headerbar > box.right { - padding: 0 6px; -} - -headerbar separator.titlebutton, -headerbar separator.sidebar { - margin-top: 11.5px; - margin-bottom: 11.5px; - background-color: transparent; -} - -headerbar switch { - margin-top: 11px; - margin-bottom: 11px; -} - -headerbar spinbutton button { - margin-top: 0; - margin-bottom: 0; -} - -headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag { - margin-top: 5px; - margin-bottom: 5px; -} - -headerbar.windowhandle viewswitcher { - background-color: alpha(@color0, 0.04); - border-radius: 0 0 12px 12px; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( -.destructive-action -) { - border-radius: 9px; - margin: 6px 3px; - min-width: 120px; - padding: 0; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( -.destructive-action -):not(:hover):not(:active):not(:checked) { - background-color: transparent; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( -.destructive-action -) > stack > box { - padding: 0 12px; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not( -.destructive-action -):focus { - box-shadow: none; -} - -headerbar.windowhandle > button.popup label, -headerbar.windowhandle > button.popup image { - min-height: 0; -} - -headerbar.windowhandle viewswitchertitle > squeezer { - margin-top: 0; - margin-bottom: 0; - background: none; -} - -headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { - margin: 0; - background: none; -} - -headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - padding: 0; - border-radius: 0; -} - -/************ - * Pathbars * - ************/ -.caja-pathbar button, -.path-bar.linked:not(.vertical) > button { - padding-left: 5px; - padding-right: 5px; - border-radius: 6px; - margin-left: 1px; - margin-right: 1px; - background-color: alpha(currentColor, 0.08); -} - -.caja-pathbar button:disabled, -.path-bar.linked:not(.vertical) > button:disabled { - background-color: alpha(currentColor, 0.05); -} - -.caja-pathbar button:first-child, -.path-bar.linked:not(.vertical) > button:first-child { - border-top-left-radius: 12px; - border-bottom-left-radius: 12px; -} - -.caja-pathbar button:last-child, -.path-bar.linked:not(.vertical) > button:last-child { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -.caja-pathbar button:checked, -.path-bar.linked:not(.vertical) > button:checked { - background-color: alpha(currentColor, 0.16); - color: @color7; -} - -.caja-pathbar button label, -.caja-pathbar button image, -.path-bar.linked:not(.vertical) > button label, -.path-bar.linked:not(.vertical) > button image { - margin-left: 3px; - margin-right: 3px; -} - -.caja-pathbar button.slider-button, -.path-bar.linked:not(.vertical) > button.slider-button { - padding-left: 4px; - padding-right: 4px; -} - -/************** - * Tree Views * - **************/ -treeview.view { - border-left-color: alpha(@color7, 0.12); - border-top-color: alpha(@color7, 0.12); -} - -* { - -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; -} - -.csd -treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not( -.trough -):not(.separator) { - background-color: transparent; -} - -treeview.view.separator { - min-height: 6px; - color: alpha(@color7, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 9999px; - border-color: alpha(currentColor, 0.08); -} - -treeview.view:drop(active).after { - border-top-style: none; -} - -treeview.view:drop(active).before { - border-bottom-style: none; -} - -treeview.view.expander { - color: alpha(@color7, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-transform: rotate(-90deg); -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-transform: rotate(90deg); -} - -treeview.view.expander:checked { - -gtk-icon-transform: unset; -} - -treeview.view.expander:hover, treeview.view.expander:active { - color: @color7; -} - -treeview.view.expander:disabled { - color: alpha(@color7, 0.32); -} - -treeview.view.expander:selected { - color: rgba(26, 27, 38, 0.6); -} - -treeview.view.expander:selected:hover, treeview.view.expander:selected:active { - color: rgba(26, 27, 38, 0.87); -} - -treeview.view.expander:selected:disabled { - color: rgba(26, 27, 38, 0.3); -} - -treeview.view.progressbar { - border: none; - box-shadow: none; - background-color: @color13; - background-image: none; - border-radius: 9999px; - color: @color0; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { - box-shadow: none; - background-color: @color13; - color: @color0; -} - -treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { - color: @color7; -} - -treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { - background-color: alpha(@color0, 0.3); -} - -treeview.view.trough { - border: none; - box-shadow: none; - background-color: alpha(@color0, 0.12); - background-image: none; - border-radius: 9999px; - padding: 0; - margin: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { - box-shadow: none; - background-color: alpha(@color0, 0.12); -} - -treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { - background-color: alpha(@color0, 0.12); -} - -treeview.view header button { - padding: 2px 6px; - border: none; - border-right: 1px solid transparent; - border-color: alpha(@color7, 0.12); - border-radius: 0; - background-clip: border-box; - border-image: linear-gradient(to bottom, transparent 20%, alpha(@color7, 0.12) 20%, alpha(@color7, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:not(:focus):not(:hover):not(:active) { - color: alpha(@color7, 0.7); -} - -treeview.view header button, treeview.view header button:disabled { - background-color: @color0; -} - -treeview.view header button:last-child { - border-right: none; - border-image: none; -} - -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: alpha(@color7, 0.12); - border-radius: 0; - box-shadow: none; - background-color: @color0; - background-clip: border-box; - color: @color13; -} - -treeview.view acceleditor > label { - background-color: @color0; -} - -/********* - * Menus * - *********/ -menubar, -.menubar { - -gtkwidget-window-dragging: true; - padding: 0; - background-color: @color0; - color: @color7; -} - -menubar:backdrop, -.menubar:backdrop { - color: alpha(@color7, 0.7); - background-color: @color0; -} - -.csd menubar, .csd .menubar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} - -menubar > menuitem, -.menubar > menuitem { - transition: none; - min-height: 20px; - padding: 4px 8px; - color: alpha(@color7, 0.7); - border-radius: 12px; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - background-color: alpha(@color13, 0.1); - color: @color7; -} - -menubar > menuitem:backdrop, -.menubar > menuitem:backdrop { - color: alpha(@color7, 0.5); -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: alpha(@color7, 0.32); -} - -menubar > menuitem label:disabled, -.menubar > menuitem label:disabled { - color: inherit; -} - -menubar > menuitem > window.popup.background > menu menuitem, -.menubar > menuitem > window.popup.background > menu menuitem { - transition: none; -} - -.background.popup { - background-color: transparent; -} - -menu { - margin: 6px; - padding: 6px; - background-color: @color0; - background-clip: border-box; - border-radius: 12px; - /* border: 1px solid $primary; */ -} - -.csd menu { - border: none; - box-shadow: inset 0 1px alpha(@color16, 0.2); -} - -menu menuitem { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 20px; - min-width: 40px; - padding: 4px 8px; - color: @color7; - font: initial; - text-shadow: none; - border-radius: 12px; -} - -menu menuitem:hover { - transition: none; - background-color: alpha(@color13, 0.15); - color: @color13; -} - -menu menuitem:hover accelerator { - color: @color13; -} - -menu menuitem:hover:disabled accelerator { - color: alpha(@color7, 0.32); -} - -menu menuitem:active { - background-color: alpha(@color13, 0.25); -} - -menu menuitem:disabled { - color: alpha(@color7, 0.4); -} - -menu menuitem accelerator { - color: alpha(@color7, 0.47); -} - -menu menuitem:disabled accelerator { - color: alpha(@color7, 0.32); -} - -menu menuitem arrow { - min-height: 16px; - min-width: 16px; -} - -menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 8px; -} - -menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 8px; -} - -menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) { - color: inherit; -} - -menu .view:selected { - background-color: alpha(@color13, 0.2); -} - -menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: @color0; - color: alpha(@color7, 0.7); -} - -menu > arrow.top { - margin-top: 0; - border-radius: 12px; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -menu > arrow.bottom { - margin-top: 8px; - margin-bottom: -12px; - border-radius: 12px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -menu > arrow:hover { - background-color: @color0; - color: @color7; -} - -menu > arrow:disabled { - border-color: transparent; - background-color: transparent; - color: alpha(@color7, 0.3); -} - -menu separator { - margin: 3px 0; - background-color: transparent; -} - -/************ - * Popovers * - ************/ -popover.background { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 0; - background-color: @color0; - border-radius: 12px; -} - -popover.background > stack { - margin: 0; -} - -popover.background > toolbar { - margin: 0; -} - -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - box-shadow: none; - background-color: transparent; -} - -popover.background > scrolledwindow > viewport.frame > list { - background-color: transparent; - padding: 6px; -} - -popover.background > scrolledwindow > viewport.frame > list > row { - border-radius: 12px; - padding: 6px; -} - -popover.background .view:not(:selected), -popover.background toolbar { - background-color: @color0; -} - -popover.background .view:not(:selected):hover { - background-color: alpha(@color13, 0.1); -} - -popover.background button, -popover.background entry, -popover.background combobox { - border-radius: 12px; -} - -popover.background .linked > button:not(.radio) { - border-radius: 12px; -} - -popover.background .linked > button:not(.radio):first-child { - border-radius: 12px; -} - -popover.background .linked > button:not(.radio):last-child { - border-radius: 12px; -} - -popover.background .linked > button:not(.radio):only-child { - border-radius: 12px; -} - -popover.background.menu button, -popover.background button.model { - min-height: 32px; - padding: 0 8px; - border-radius: 12px; -} - -popover.background separator { - margin: 3px 0; - background-color: transparent; -} - -popover.background list separator { - margin: 0; -} - -modelbutton.flat, -.menuitem.button.flat { - min-height: 28px; - padding: 0 8px; - border-radius: 12px; - color: @color7; -} - -modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -/************* - * Notebooks * - *************/ -tabbox > tab, notebook > header tab { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - min-height: 24px; - min-width: 24px; - padding: 3px 12px; - border: none; - outline: none; - background-clip: padding-box; - color: @color7; - font-weight: 500; - border-radius: 9px; -} - -tabbox > tab:hover, notebook > header tab:hover { - background-color: rgba(26, 27, 38, 0.12); - color: @color13; -} - -tabbox > tab:disabled, notebook > header tab:disabled { - color: rgba(26, 27, 38, 0.3); -} - -tabbox > tab:checked, notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: @color0; - color: @color13; -} - -tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { - color: alpha(@color7, 0.5); -} - -notebook > header.bottom > tabs > arrow, notebook > header.top > tabs > arrow { - padding-left: 4px; - padding-right: 4px; -} - -notebook > header.bottom > tabs > arrow.down, notebook > header.top > tabs > arrow.down { - margin-left: 0; - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -notebook > header.bottom > tabs > arrow.up, notebook > header.top > tabs > arrow.up { - margin-right: 0; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.right > tabs > arrow, notebook > header.left > tabs > arrow { - padding-top: 4px; - padding-bottom: 4px; -} - -notebook > header.right > tabs > arrow.down, notebook > header.left > tabs > arrow.down { - margin-top: 0; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -notebook > header.right > tabs > arrow.up, notebook > header.left > tabs > arrow.up { - margin-bottom: 0; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook { - background-color: alpha(@color0, 0.04); -} - -window.background > notebook { - background-color: transparent; -} - -notebook.frame { - border: none; - border-radius: 9px; -} - -notebook.frame scrolledwindow.frame { - border: none; -} - -notebook.frame frame > border { - border: none; - border-radius: 9px; -} - -notebook.frame frame > list row.activatable { - border-radius: 12px; -} - -notebook > header { - border: none; - background-color: alpha(@color0, 0.04); - padding: 3px; - margin: 3px; - border-radius: 12px; -} - -notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 9px; - color: rgba(26, 27, 38, 0.6); -} - -notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:active { - color: rgba(26, 27, 38, 0.87); -} - -notebook > header > tabs > arrow:disabled { - color: rgba(26, 27, 38, 0.3); -} - -notebook > header.top > tabs > arrow { - border-top-style: none; -} - -notebook > header.bottom > tabs > arrow { - border-bottom-style: none; -} - -notebook > header.left > tabs > arrow { - border-left-style: none; -} - -notebook > header.right > tabs > arrow { - border-right-style: none; -} - -notebook > header tab > box { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - margin: -6px -12px; - padding: 6px 12px; -} - -notebook > header tab > box:drop(active) { - background-color: alpha(@color0, 0.12); - color: @color7; -} - -notebook > header tab button.flat:last-child { - margin-left: 6px; - margin-right: -6px; -} - -notebook > header tab button.flat:first-child { - margin-left: -6px; - margin-right: 6px; -} - -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: 0; -} - -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: 0; -} - -notebook > header.top tabs tab + tab, -notebook > header.top tabs tab + arrow, notebook > header.bottom tabs tab + tab, -notebook > header.bottom tabs tab + arrow { - margin-left: 3px; -} - -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: solid; -} - -notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: 0; -} - -notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: 0; -} - -notebook > header.left tabs tab + tab, -notebook > header.left tabs tab + arrow, notebook > header.right tabs tab + tab, -notebook > header.right tabs tab + arrow { - margin-top: 3px; -} - -notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid; -} - -notebook > header > button.flat { - padding: 3px; -} - -notebook > stack:not(:only-child) { - background-color: transparent; - border-radius: 12px; -} - -/************** - * Scrollbars * - **************/ -scrollbar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: @color0; -} - -* { - -gtkscrollbar-has-backward-stepper: false; - -gtkscrollbar-has-forward-stepper: false; -} - -scrollbar.top { - border-bottom: 1px solid transparent; -} - -scrollbar.bottom { - border-top: 1px solid transparent; -} - -scrollbar.left { - border-right: 1px solid transparent; -} - -scrollbar.right { - border-left: 1px solid transparent; -} - -scrollbar slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 8px; - min-height: 8px; - border: 4px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: alpha(@color0, 0.5); -} - -scrollbar slider:hover { - background-color: alpha(@color0, 0.7); -} - -scrollbar slider:active { - background-color: @color13; -} - -scrollbar slider:disabled { - background-color: alpha(@color0, 0.32); -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar.fine-tune.horizontal slider { - margin: 2px 0; -} - -scrollbar.fine-tune.vertical slider { - margin: 0 2px; -} - -scrollbar.overlay-indicator:not(.fine-tune) slider { - transition-property: background-color, min-height, min-width; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(50, 52, 73, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(50, 52, 73, 0.3); - border-radius: 9999px; - background-color: alpha(@color0, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: alpha(@color0, 0.32); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: transparent; -} - -scrollbar.horizontal slider { - min-width: 24px; -} - -scrollbar.vertical slider { - min-height: 24px; -} - -scrollbar button { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -/********** - * Switch * - **********/ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - border: none; - border-radius: 9999px; - background-color: alpha(@color0, 0.32); - background-clip: padding-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: @color13; -} - -switch:disabled { - opacity: 0.5; -} - -switch slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 18px; - min-height: 18px; - margin: 3px; - border-radius: 9999px; - outline: none; - box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); - background-color: alpha(@color0, 0.7); - border: none; - color: transparent; -} - -switch:focus slider, switch:hover slider, switch:focus:hover slider { - box-shadow: 0 0 0 6px alpha(@color7, 0.12); -} - -/************************* - * Check and Radio items * - *************************/ -checkbutton, -radiobutton { - outline: none; -} - -checkbutton.text-button, -radiobutton.text-button { - padding: 2px; -} - -checkbutton.text-button label:not(:only-child), -radiobutton.text-button label:not(:only-child) { - margin: 0 4px; -} - -actionbar > revealer > box check:not(:checked):not(:indeterminate), -actionbar > revealer > box radio:not(:checked):not(:indeterminate) { - background-color: rgba(26, 27, 38, 0.12); -} - -actionbar > revealer > box check:not(:checked):not(:indeterminate):hover, -actionbar > revealer > box radio:not(:checked):not(:indeterminate):hover { - box-shadow: 0 0 0 6px rgba(26, 27, 38, 0.04); - background-color: rgba(26, 27, 38, 0.15); -} - -actionbar > revealer > box check:not(:checked):not(:indeterminate):active, -actionbar > revealer > box radio:not(:checked):not(:indeterminate):active { - box-shadow: 0 0 0 6px rgba(26, 27, 38, 0.12); - background-color: rgba(26, 27, 38, 0.2); -} - -actionbar > revealer > box check:not(:checked):not(:indeterminate):disabled, -actionbar > revealer > box radio:not(:checked):not(:indeterminate):disabled { - background-color: rgba(26, 27, 38, 0.04); -} - -check, -radio { - min-height: 20px; - min-width: 20px; - margin: 3px; - padding: 0; - border-radius: 9999px; - color: transparent; - background-color: alpha(@color0, 0.12); - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); -} - -check:hover, -radio:hover { - box-shadow: 0 0 0 6px alpha(@color7, 0.04); - background-color: alpha(@color0, 0.15); -} - -check:active, -radio:active { - box-shadow: 0 0 0 6px alpha(@color7, 0.12); - background-color: alpha(@color0, 0.2); -} - -check:disabled, -radio:disabled { - background-color: alpha(@color0, 0.04); -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: alpha(@color0, 0.7); - background-color: @color13; -} - -check:checked:hover, check:indeterminate:hover, -radio:checked:hover, -radio:indeterminate:hover { - box-shadow: 0 0 0 6px alpha(@color13, 0.15); - background-color: @color13; -} - -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - box-shadow: 0 0 0 6px alpha(@color13, 0.2); - background-color: @color13; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: alpha(@color7, 0.32); - background-color: alpha(@color13, 0.35); -} - -popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { - transition: none; - box-shadow: none; - background-image: none; -} - -popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { - margin-left: -3px; - margin-right: 6px; -} - -popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { - margin-left: 6px; - margin-right: -3px; -} - -menu menuitem check, menu menuitem radio { - transition: none; - margin: 0; - padding: 0; -} - -menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { - margin-right: 6px; - margin-left: -3px; -} - -menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: -3px; -} - -menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { - box-shadow: none; -} - -check { - -gtk-icon-size: 20px; - min-height: 20px; - min-width: 20px; - background: transparent; - border: 2px solid alpha(@color13, 0.38); - border-radius: 3px; -} - -check:checked { - -gtk-icon-source: none; - background-color: @color13; - border-color: @color13; - box-shadow: - 0 0 0 1px @color13, - inset 0 0 0 2px @color0; -} - -check:checked::after { - content: ""; - position: absolute; - display: block; - left: 6px; - top: 2px; - width: 6px; - height: 11px; - border: solid @color0; - border-width: 0 2px 2px 0; - transform: rotate(45deg); -} - -check:indeterminate { - -gtk-icon-source: none; - background-color: @color13; - border-color: @color13; - box-shadow: - 0 0 0 1px @color13, - inset 0 0 0 2px @color0; -} - -check:indeterminate::after { - content: ""; - position: absolute; - display: block; - left: 4px; - top: 8px; - width: 8px; - height: 2px; - background: @color0; - border-radius: 1px; -} - -check:focus, -radio:focus { - outline: 1px solid @color13; - outline-offset: 2px; -} - -check:hover, -radio:hover { - background-color: alpha(@color13, 0.2); -} - -check:active, -radio:active { - background-color: alpha(@color13, 0.4); -} - -check:disabled, -radio:disabled { - opacity: 0.5; - background-color: transparent; - border-color: #2a3b37; -} - -check:disabled:checked, -radio:disabled:checked { - background-color: alpha(@color13, 0.58); - border-color: alpha(@color13, 0.58); - box-shadow: - inset 0 0 0 4px @color0, - 0 0 0 1px alpha(@color13, 0.58); -} - -radio { - -gtk-icon-size: 20px; - min-height: 20px; - min-width: 20px; - background: transparent; - border: 2px solid alpha(@color13, 0.38); - border-radius: 50%; -} - -radio:checked { - -gtk-icon-source: none; - background-color: @color13; - border-color: @color13; - box-shadow: - inset 0 0 0 4px @color0, - 0 0 0 1px @color13; -} - -radio:indeterminate { - -gtk-icon-source: none; - background-color: @color0; - border-color: @color13; - box-shadow: - inset 0 0 0 2px @color13, - 0 0 0 1px @color13; -} - - -#MozillaGtkWidget > widget > checkbutton > check, -menu menuitem check { - min-height: 16px; - min-width: 16px; -} - -#MozillaGtkWidget > widget > checkbutton > check:checked, -menu menuitem check:checked { - -gtk-icon-source: none; - background-color: @color13; - border: 2px solid @color13; - border-radius: 3px; - box-shadow: - 0 0 0 1px @color13, - inset 0 0 0 2px @color0; - min-height: 16px; - min-width: 16px; -} - -#MozillaGtkWidget > widget > checkbutton > check:indeterminate, -menu menuitem check:indeterminate { - -gtk-icon-source: none; - background-color: @color13; - border: 2px solid @color13; - border-radius: 3px; - box-shadow: - 0 0 0 1px @color13, - inset 0 0 0 2px @color0; - min-height: 16px; - min-width: 16px; -} - -#MozillaGtkWidget > widget > radiobutton > radio, -menu menuitem radio { - min-height: 16px; - min-width: 16px; -} - -#MozillaGtkWidget > widget > radiobutton > radio:checked, -menu menuitem radio:checked { - -gtk-icon-source: none; - background-color: @color13; - border-color: @color13; - box-shadow: - inset 0 0 0 3px @color0, - 0 0 0 1px @color13; -} - -#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, -menu menuitem radio:indeterminate { - -gtk-icon-source: none; - background-color: @color0; - border-color: @color13; - box-shadow: - inset 0 0 0 1.5px @color13, - 0 0 0 1px @color13; -} - -check:not(:checked):active { - -gtk-icon-transform: rotate(90deg); -} - -check:not(:checked):indeterminate:active, -radio:not(:checked):indeterminate:active { - -gtk-icon-transform: scaleX(-1); -} - -treeview.view radio, -treeview.view check { - padding: 0; - margin: 0; - background-color: alpha(@color0, 0.12); -} - -treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, -treeview.view check, -treeview.view check:hover, -treeview.view check:disabled, -treeview.view check:checked:hover, -treeview.view check:indeterminate:hover { - box-shadow: none; -} - -treeview.view radio:selected:not(:disabled):not(:checked):not(:indeterminate), -treeview.view check:selected:not(:disabled):not(:checked):not(:indeterminate) { - background-color: rgba(26, 27, 38, 0.12); -} - -treeview.view radio:checked, treeview.view radio:indeterminate, -treeview.view check:checked, -treeview.view check:indeterminate { - background-color: @color13; - color: @color0; - background-image: none; -} - -.view.content-view.check:not(list), -.content-view .tile check:not(list) { - min-height: 40px; - min-width: 40px; - margin: 0; - padding: 0; - border-radius: 9999px; -} - -.view.content-view.check:not(list):not(:checked), -.content-view .tile check:not(list):not(:checked) { - background-image: image(alpha(@color7, 0.25)); -} - -.view.content-view.check:not(list):hover, .view.content-view.check:not(list):checked, -.content-view .tile check:not(list):hover, -.content-view .tile check:not(list):checked { - box-shadow: 0 2px 3px -1px alpha(@color7, 0.1), 0 4px 6px 0 alpha(@color7, 0.12), 0 1px 10px 0 alpha(@color7, 0.1); -} - -.view.content-view.check:not(list):checked, -.content-view .tile check:not(list):checked { - background-color: @color13; - color: @color0; - -gtk-icon-source: none; - border: 2px solid @color13; - box-shadow: - 0 0 0 1px @color13, - inset 0 0 0 2px @color0; -} - -/************ - * GtkScale * - ************/ -scale { - min-height: 2px; - min-width: 2px; -} - -scale.horizontal { - padding: 16px 12px; -} - -scale.vertical { - padding: 12px 16px; -} - -scale.fine-tune.horizontal { - min-height: 4px; - padding-top: 15px; - padding-bottom: 15px; -} - -scale.fine-tune.vertical { - min-width: 4px; - padding-left: 15px; - padding-right: 15px; -} - -scale.fine-tune slider { - margin: -7px; -} - -scale trough { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - background-color: alpha(@color0, 0.3); -} - -scale trough:disabled { - background-color: alpha(@color0, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(@color13); -} - -scale highlight:disabled { - background-color: @color0; - background-image: image(alpha(@color7, 0.32)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: alpha(@color0, 0.3); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - min-height: 18px; - min-width: 18px; - margin: -8px; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: @color13; - background-color: @color0; - box-shadow: inset 0 0 0 2px @color13; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px @color13, 0 0 0 8px alpha(@color7, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px @color13, 0 0 0 8px alpha(@color7, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px alpha(@color7, 0.32); -} - -scale marks, -scale value { - color: alpha(@color7, 0.7); -} - -scale.marks-before:not(.marks-after) slider, scale.marks-after:not(.marks-before) slider { - min-height: 24px; - min-width: 24px; - margin: -11px; - background-color: transparent; - box-shadow: none; - color: @color13; -} - -scale.marks-before:not(.marks-after) slider:hover, scale.marks-after:not(.marks-before) slider:hover { - box-shadow: 0 0 0 4px alpha(@color7, 0.12); - background-color: alpha(@color0, 0.12); -} - -scale.marks-before:not(.marks-after) slider:active, scale.marks-after:not(.marks-before) slider:active { - box-shadow: 0 0 0 6px alpha(@color7, 0.12); - background-color: alpha(@color0, 0.12); -} - -scale.marks-before:not(.marks-after) slider:disabled, scale.marks-after:not(.marks-before) slider:disabled { - color: alpha(@color16, 0.6); -} - -scale.horizontal.marks-before:not(.marks-after) slider { - -gtk-icon-source: none; - background-image: - linear-gradient(to right, alpha(@color13, 0.38) 1px, transparent 1px), - linear-gradient(to bottom, @color13 60%, transparent 60%); - background-size: 4px 100%, 100% 100%; - background-position: 0 0, center; - background-repeat: repeat-y, no-repeat; - min-width: 16px; - min-height: 16px; - border-radius: 50%; - box-shadow: 0 0 0 1px alpha(@color13, 0.3); -} - -scale.horizontal.marks-after:not(.marks-before) slider { - -gtk-icon-source: none; - background-image: - linear-gradient(to right, alpha(@color13, 0.38) 1px, transparent 1px), - linear-gradient(to bottom, @color13 60%, transparent 60%); - background-size: 4px 100%, 100% 100%; - background-position: 100% 0, center; - background-repeat: repeat-y, no-repeat; - min-width: 16px; - min-height: 16px; - border-radius: 50%; - box-shadow: 0 0 0 1px alpha(@color13, 0.3); -} - -scale.vertical.marks-before:not(.marks-after) slider { - -gtk-icon-source: none; - background-image: - linear-gradient(to bottom, alpha(@color13, 0.38) 1px, transparent 1px), - linear-gradient(to right, @color13 60%, transparent 60%); - background-size: 100% 4px, 100% 100%; - background-position: 0 0, center; - background-repeat: repeat-x, no-repeat; - min-width: 16px; - min-height: 16px; - border-radius: 50%; - box-shadow: 0 0 0 1px alpha(@color13, 0.3); -} - -scale.vertical.marks-after:not(.marks-before) slider { - -gtk-icon-source: none; - background-image: - linear-gradient(to bottom, alpha(@color13, 0.38) 1px, transparent 1px), - linear-gradient(to right, @color13 60%, transparent 60%); - background-size: 100% 4px, 100% 100%; - background-position: 0 100%, center; - background-repeat: repeat-x, no-repeat; - min-width: 16px; - min-height: 16px; - border-radius: 50%; - box-shadow: 0 0 0 1px alpha(@color13, 0.3); -} - -scale indicator { - background-color: alpha(@color0, 0.3); - color: transparent; -} - -scale.horizontal indicator { - min-height: 8px; - min-width: 1px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 8px; -} - -scale.color { - min-height: 0; - min-width: 0; -} - -scale.color.horizontal { - padding: 0 0 12px 0; -} - -scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { - margin-bottom: -13.5px; - margin-top: 11.5px; -} - -scale.color.vertical:dir(ltr) { - padding: 0 0 0 12px; -} - -scale.color.vertical:dir(ltr) slider { - margin-left: -13.5px; - margin-right: 11.5px; -} - -scale.color.vertical:dir(rtl) { - padding: 0 12px 0 0; -} - -scale.color.vertical:dir(rtl) slider { - margin-right: -13.5px; - margin-left: 11.5px; -} - -/***************** - * Progress bars * - *****************/ -progressbar { - color: alpha(@color7, 0.7); - font-size: smaller; -} - -progressbar.horizontal trough, -progressbar.horizontal progress { - min-height: 6px; -} - -progressbar.vertical trough, -progressbar.vertical progress { - min-width: 6px; -} - -progressbar trough { - border-radius: 12px; - background-color: alpha(@color0, 0.12); -} - -progressbar progress { - border-radius: 12px; - background-color: @color13; -} - -progressbar.osd { - min-width: 6px; - min-height: 6px; - background-color: transparent; -} - -progressbar.osd trough { - background-color: transparent; -} - -progressbar.osd progress { - background-color: @color13; -} - -progressbar trough.empty progress { - all: unset; -} - -/************* - * Level Bar * - *************/ -levelbar.horizontal block { - min-height: 6px; -} - -levelbar.horizontal.discrete block { - min-width: 34px; -} - -levelbar.horizontal.discrete block:not(:last-child) { - margin-right: 2px; -} - -levelbar.vertical block { - min-width: 6px; -} - -levelbar.vertical.discrete block { - min-height: 34px; -} - -levelbar.vertical.discrete block:not(:last-child) { - margin-bottom: 2px; -} - -levelbar trough { - border-radius: 12px; -} - -levelbar block.low { - background-color: @color8; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: @color13; -} - -levelbar block.full { - background-color: alpha(@color13, 0.7); -} - -levelbar block.empty { - background-color: alpha(@color0, 0.12); -} - -/**************** - * Print dialog * -*****************/ -printdialog paper { - padding: 0; - border: 1px solid alpha(@color7, 0.12); - background-color: @color0; - color: @color7; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame > border, .frame { - margin: 0; - padding: 0; - border: 1px solid alpha(@color7, 0.12); - border-radius: 0; - box-shadow: none; -} - -.frame.view { - border-radius: 12px; -} - -.frame.flat { - border-style: none; -} - -frame.flat > border, frame > border.flat, statusbar frame > border { - border: none; -} - -actionbar > revealer > box { - margin: 6px 0 0 0; - padding: 6px; - border: none; - color: @color7; - background-color: @color0; - border-radius: 0 0 12px 12px; -} - -actionbar > revealer > box button { - border-radius: 6px; -} - -actionbar > revealer > box button.combo:only-child { - border-radius: 6px; - color: @color7; - background-color: alpha(@color0, 0.04); -} - -actionbar > revealer > box button.combo:only-child:hover, actionbar > revealer > box button.combo:only-child:active { - color: @color13; -} - -actionbar > revealer > box button.combo:only-child:disabled { - color: @color13; -} - -actionbar > revealer > box stackswitcher { - background-color: rgba(26, 27, 38, 0.04); -} - -actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - color: rgba(26, 27, 38, 0.6); -} - -actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover, actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { - color: rgba(26, 27, 38, 0.87); -} - -actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: @color0; - color: @color7; -} - -actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { - background-color: @color0; -} - -scrolledwindow viewport.frame { - border: none; -} - -stack scrolledwindow.frame viewport.frame list { - border: none; -} - -overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(alpha(@color7, 0.12)), to(alpha(@color7, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@color7, 0.07)), to(alpha(@color7, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: alpha(@color7, 0.12); - background-color: @color0; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - min-width: 0; - min-height: 0; - background-color: transparent; -} - -preferences stacksidebar.sidebar list separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, -stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { - min-width: 0; - min-height: 0; - background-color: transparent; -} - -/********* - * Lists * - *********/ -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, -.geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, -hdyleaflet list.frame, -leaflet list.view, -leaflet list.frame, -box.horizontal > stack.background list.view, -box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, -hdyleaflet overlay scrolledwindow > viewport list, -leaflet stack.background scrolledwindow > viewport list, -leaflet overlay scrolledwindow > viewport list, -box.horizontal > stack.background stack.background scrolledwindow > viewport list, -box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), -leaflet frame:not(.view) list:not(.contacts-contact-list), -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list.content:not(.conversation-listbox) { - border-radius: 12px; - box-shadow: none; - border: none; - background-color: transparent; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, -.geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, -hdyleaflet list.frame > separator, -leaflet list.view > separator, -leaflet list.frame > separator, -box.horizontal > stack.background list.view > separator, -box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, -hdyleaflet overlay scrolledwindow > viewport list > separator, -leaflet stack.background scrolledwindow > viewport list > separator, -leaflet overlay scrolledwindow > viewport list > separator, -box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, -box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, -leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list.content:not(.conversation-listbox) > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row, -window.background.csd > stack > stack > box > frame > list row, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row, -window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, -.geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, -hdyleaflet list.frame row, -leaflet list.view row, -leaflet list.frame row, -box.horizontal > stack.background list.view row, -box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, -hdyleaflet overlay scrolledwindow > viewport list row, -leaflet stack.background scrolledwindow > viewport list row, -leaflet overlay scrolledwindow > viewport list row, -box.horizontal > stack.background stack.background scrolledwindow > viewport list row, -box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, -leaflet frame:not(.view) list:not(.contacts-contact-list) row, -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list > row, list.content:not(.conversation-listbox) > row { - border-radius: 3px; - background-color: alpha(@color0, 0.04); -} - -window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), -.geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), -hdyleaflet list.frame row:not(:first-child), -leaflet list.view row:not(:first-child), -leaflet list.frame row:not(:first-child), -box.horizontal > stack.background list.view row:not(:first-child), -box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), -hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), -leaflet stack.background scrolledwindow > viewport list row:not(:first-child), -leaflet overlay scrolledwindow > viewport list row:not(:first-child), -box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), -box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), -leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) { - margin-top: 3px; -} - -window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, -.geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, -hdyleaflet list.frame row:first-child, -leaflet list.view row:first-child, -leaflet list.frame row:first-child, -box.horizontal > stack.background list.view row:first-child, -box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, -hdyleaflet overlay scrolledwindow > viewport list row:first-child, -leaflet stack.background scrolledwindow > viewport list row:first-child, -leaflet overlay scrolledwindow > viewport list row:first-child, -box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, -box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, -leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list > row:first-child, list.content:not(.conversation-listbox) > row:first-child { - border-radius: 12px 12px 3px 3px; -} - -window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, -.geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, -hdyleaflet list.frame row:last-child, -leaflet list.view row:last-child, -leaflet list.frame row:last-child, -box.horizontal > stack.background list.view row:last-child, -box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, -hdyleaflet overlay scrolledwindow > viewport list row:last-child, -leaflet stack.background scrolledwindow > viewport list row:last-child, -leaflet overlay scrolledwindow > viewport list row:last-child, -box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, -box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, -leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list > row:last-child, list.content:not(.conversation-listbox) > row:last-child { - border-radius: 3px 3px 12px 12px; -} - -window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, -.geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, -hdyleaflet list.frame row:only-child, -leaflet list.view row:only-child, -leaflet list.frame row:only-child, -box.horizontal > stack.background list.view row:only-child, -box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, -hdyleaflet overlay scrolledwindow > viewport list row:only-child, -leaflet stack.background scrolledwindow > viewport list row:only-child, -leaflet overlay scrolledwindow > viewport list row:only-child, -box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, -box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, -leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list > row:only-child, list.content:not(.conversation-listbox) > row:only-child { - border-radius: 12px; -} - -window.background.csd stack stack stack frame > list row:hover, window.background.csd > stack > list row:hover, preferencesgroup list row:hover, -.geary-accounts-editor-pane list row:hover, window.background.csd.unified > deck > deck > deck list row:hover, hdyleaflet list.view row:hover, -hdyleaflet list.frame row:hover, -leaflet list.view row:hover, -leaflet list.frame row:hover, -box.horizontal > stack.background list.view row:hover, -box.horizontal > stack.background list.frame row:hover, hdyleaflet stack.background scrolledwindow > viewport list row:hover, -hdyleaflet overlay scrolledwindow > viewport list row:hover, -leaflet stack.background scrolledwindow > viewport list row:hover, -leaflet overlay scrolledwindow > viewport list row:hover, -box.horizontal > stack.background stack.background scrolledwindow > viewport list row:hover, -box.horizontal > stack.background overlay scrolledwindow > viewport list row:hover, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:hover, -leaflet frame:not(.view) list:not(.contacts-contact-list) row:hover, -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:hover, list.tweak-group list > row:hover, list.content:not(.conversation-listbox) > row:hover { - background-color: alpha(@color0, 0.12); - box-shadow: none; -} - -window.background.csd stack stack stack frame > list row:active, window.background.csd > stack > list row:active, preferencesgroup list row:active, -.geary-accounts-editor-pane list row:active, window.background.csd.unified > deck > deck > deck list row:active, hdyleaflet list.view row:active, -hdyleaflet list.frame row:active, -leaflet list.view row:active, -leaflet list.frame row:active, -box.horizontal > stack.background list.view row:active, -box.horizontal > stack.background list.frame row:active, hdyleaflet stack.background scrolledwindow > viewport list row:active, -hdyleaflet overlay scrolledwindow > viewport list row:active, -leaflet stack.background scrolledwindow > viewport list row:active, -leaflet overlay scrolledwindow > viewport list row:active, -box.horizontal > stack.background stack.background scrolledwindow > viewport list row:active, -box.horizontal > stack.background overlay scrolledwindow > viewport list row:active, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:active, -leaflet frame:not(.view) list:not(.contacts-contact-list) row:active, -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:active, list.tweak-group list > row:active, list.content:not(.conversation-listbox) > row:active { - background-color: alpha(currentColor, 0.12); - box-shadow: none; -} - -window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, -.geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, -hdyleaflet list.frame row:focus, -leaflet list.view row:focus, -leaflet list.frame row:focus, -box.horizontal > stack.background list.view row:focus, -box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, -hdyleaflet overlay scrolledwindow > viewport list row:focus, -leaflet stack.background scrolledwindow > viewport list row:focus, -leaflet overlay scrolledwindow > viewport list row:focus, -box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, -box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, -leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, -box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list > row:focus, list.content:not(.conversation-listbox) > row:focus { - box-shadow: none; -} - -list { - border-color: alpha(@color7, 0.12); - background-color: alpha(@color0, 0.04); -} - -list row { - padding: 3px; -} - -list.navigation-sidebar { - padding: 3px; -} - -list.navigation-sidebar > row { - border-radius: 12px; -} - -paned scrolledwindow > viewport.frame > list { - background-color: transparent; -} - -row:selected { - color: inherit; - background-color: alpha(currentColor, 0.06); - color: @color7; -} - -row:selected button { - color: inherit; -} - -row:selected:disabled { - color: alpha(@color7, 0.5); -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; -} - -.app-notification button.text-button:not(.suggested-action):not(.destructive-action):not( -:disabled -) { - color: @color13; -} - -.app-notification > box > label { - margin-left: 9px; -} - -.app-notification.frame, -.app-notification border { - border-style: none; -} - -/************* - * Expanders * - *************/ -expander title > arrow { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-transform: rotate(-90deg); - color: alpha(@color7, 0.7); -} - -expander title > arrow:dir(rtl) { - -gtk-icon-transform: rotate(90deg); -} - -expander title > arrow:checked { - -gtk-icon-transform: unset; -} - -expander title > arrow:hover, expander title > arrow:active { - color: @color7; -} - -expander title > arrow:disabled { - color: alpha(@color7, 0.32); -} - -/************ - * Calendar * - ************/ -calendar { - padding: 1px; - border: 1px solid alpha(@color7, 0.12); - color: @color7; -} - -calendar:disabled { - color: alpha(@color7, 0.5); -} - -calendar:selected { - border-radius: 13px; -} - -calendar.header { - border-style: none none solid; - border-color: alpha(@color7, 0.12); - border-radius: 0; -} - -calendar.highlight { - color: alpha(@color7, 0.7); - font-weight: 500; -} - -calendar:indeterminate { - color: alpha(@color7, 0.32); -} - -/*********** - * Dialogs * - ***********/ -messagedialog.background { - background-color: @color0; -} - -messagedialog.background .titlebar { - min-height: 12px; - background-color: @color0; - border: none; -} - -messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop { - background-color: @color0; -} - -messagedialog.background.csd { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -messagedialog .titlebar, messagedialog.background.csd .titlebar { - border: none; -} - -messagedialog .dialog-action-box { - margin-top: -6px; -} - -messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, -messagedialog .dialog-action-box .linked:not(.vertical) > button, -messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, -messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { - border-radius: 12px; -} - -messagedialog .dialog-action-box button:not(:last-child), -messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { - margin-right: 6px; -} - -messagedialog .dialog-action-box button.suggested-action:not(:disabled), -messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { - color: @color13; - background-color: alpha(@color13, 0.15); -} - -messagedialog .dialog-action-box button.destructive-action:not(:disabled), -messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { - color: @color10; -} - -.csd filechooser { - background-color: @color0; - border-radius: 0 0 12px 12px; -} - -filechooser .dialog-action-box { - border-top: 1px solid alpha(@color16, 0.2); -} - -filechooser treeview.view header > button { - background-color: @color0; -} - -filechooser #pathbarbox { - background-color: @color0; - border-radius: 12px 12px 0 0; - margin: 0 4px; -} - -filechooser stack.view { - background-color: @color0; - padding: 0 4px; -} - -filechooser stack.view scrolledwindow { - background-color: @color0; - border-radius: 0 0 12px 12px; -} - -filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -filechooser stack.view > placesview { - background-color: transparent; - padding: 4px; -} - -filechooser stack.view frame > border { - border: none; -} - -.csd filechooser placessidebar { - background: none; - border-bottom-left-radius: 12px; -} - -filechooser paned > separator { - background: none; -} - -filechooser paned box.vertical { - background-color: @color0; - border-radius: 12px; - margin: 0 6px 0 1px; -} - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: @color0; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { - border-right: 1px solid alpha(@color16, 0.2); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid alpha(@color16, 0.2); - border-right-style: none; -} - -.sidebar list, -.sidebar notebook { - 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.sidebar list { - padding: 6px; - background-color: @color0; -} - -stacksidebar.sidebar row { - min-height: 32px; - padding: 0 6px; - margin: 0; - border-radius: 6px; - color: @color7; -} - -stacksidebar.sidebar row:selected { - background-color: alpha(@color13, 0.2); - color: @color0; - font-weight: 500; -} - -stacksidebar.sidebar row:selected label, -stacksidebar.sidebar row:selected image { - color: @color7; -} - -stacksidebar.sidebar row + row { - margin-top: 3px; -} - -stacksidebar.sidebar row > label { - padding-left: 6px; - padding-right: 6px; - color: inherit; -} - -stacksidebar.sidebar row:hover { - background-color: alpha(@color13, 0.1); -} - -/**************** - * File chooser * - ****************/ -placessidebar.sidebar { - margin: 0 0 0 4px; - padding: 0; -} - -placessidebar.sidebar > viewport.frame { - border-style: none; -} - -placessidebar.sidebar list { - background-color: transparent; - color: @color7; -} - -placessidebar.sidebar row { - min-height: 32px; - margin: 0; - padding: 0; - color: @color7; - border-radius: 6px; -} - -placessidebar.sidebar row:hover, placessidebar.sidebar row:active { - background-color: alpha(@color13, 0.08); - color: @color13; -} - -placessidebar.sidebar row > revealer { - padding: 0 8px 0 16px; -} - -placessidebar.sidebar row:selected { - background-color: alpha(@color13, 0.08); - color: @color13; - font-weight: 500; -} - -placessidebar.sidebar row:disabled { - color: alpha(@color7, 0.3); -} - -placessidebar.sidebar row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); -} - -placessidebar.sidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; -} - -placessidebar.sidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; -} - -placessidebar.sidebar row label.sidebar-label { - color: inherit; -} - -placessidebar.sidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; -} - -placessidebar.sidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; -} - -placessidebar.sidebar row.sidebar-placeholder-row { - background-color: alpha(currentColor, 0.08); -} - -placessidebar.sidebar row.sidebar-new-bookmark-row { - color: @color13; -} - -placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: @color13; -} - -placessidebar.sidebar row:drop(active) { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - background-color: alpha(@color13, 0.15) -} - -placesview .server-list-button > image { - -gtk-icon-transform: rotate(0turn); -} - -placesview .server-list-button:checked > image { - -gtk-icon-transform: rotate(-0.5turn); -} - -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; -} - -/********* - * Paned * - *********/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: @color0; - background-image: image(alpha(@color7, 0.12)); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: @color0; - background-image: image(alpha(@color7, 0.12)), image(alpha(@color7, 0.12)); - 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; -} - -/************** - * GtkInfoBar * - **************/ -infobar { - border: none; - margin-bottom: 0; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - background-color: @color0; -} - -infobar.info > revealer > box, -infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, -infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, -infobar.info:backdrop > revealer > box flowboxchild { - color: @color7; -} - -infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( -.destructive-action -), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( -.destructive-action -), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( -.destructive-action -) { - color: @color13; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: @color13; -} - -infobar.action > revealer > box, -infobar.action > revealer > box link:link, -infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, -infobar.action:backdrop > revealer > box link:link, -infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, -infobar.question > revealer > box link:link, -infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, -infobar.question:backdrop > revealer > box link:link, -infobar.question:backdrop > revealer > box flowboxchild { - color: @color7; -} - -infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: @color7; -} - -infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: alpha(@color13, 0.8); -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: @color3; - color: @color8; -} - -infobar.warning > revealer > box, -infobar.warning > revealer > box link:link, -infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, -infobar.warning:backdrop > revealer > box link:link, -infobar.warning:backdrop > revealer > box flowboxchild { - color: @color7; -} - -infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { - color: @color7; -} - -infobar.warning:hover > revealer > box { - background-color: @color3; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: @color10; - color: @color11; -} - -infobar.error > revealer > box, -infobar.error > revealer > box link:link, -infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, -infobar.error:backdrop > revealer > box link:link, -infobar.error:backdrop > revealer > box flowboxchild { - color: @color7; -} - -infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { - color: @color7; -} - -infobar.error:hover > revealer > box { - background-color: alpha(@color10, 0.9); -} - -/************ - * Tooltips * - ************/ -tooltip { - box-shadow: none; -} - -tooltip.background { - background-color: alpha(@color0, 0.95); - color: @color13; - border-radius: 12px; -} - -tooltip.background.csd { - border-radius: 12px; - box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); -} - -tooltip decoration { - background-color: transparent; -} - -tooltip > box { - margin: -6px; - min-height: 24px; - padding: 4px 8px; -} - -/***************** - * Color Chooser * - *****************/ -colorswatch.top { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -colorswatch.top overlay { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -colorswatch.bottom { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 12px; - border-bottom-left-radius: 12px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 12px; - border-bottom-left-radius: 12px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -colorswatch.dark { - color: @color7; -} - -colorswatch.light { - color: @color7; -} - -colorswatch overlay { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); -} - -colorswatch overlay:hover { - box-shadow: 0 0 0 2px @color13; -} - -colorswatch#add-color-button { - border-radius: 12px 0 0 12px; -} - -colorswatch#add-color-button:only-child { - border-radius: 12px; -} - -colorswatch#add-color-button overlay { - background-color: alpha(@color13, 0.08); -} - -colorswatch#add-color-button overlay:hover { - background-color: alpha(@color13, 0.15); - box-shadow: none; -} - -colorswatch#add-color-button overlay:active { - background-color: alpha(@color13, 0.25); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - box-shadow: none; -} - -colorswatch#editor-color-sample { - border-radius: 12px; -} - -colorswatch#editor-color-sample overlay { - border-radius: 12px; -} - -colorswatch#editor-color-sample overlay:hover { - box-shadow: 0 2px 3px -2px alpha(@color7, 0.3), 0 1px 2px -1px alpha(@color7, 0.24), 0 1px 2px -1px alpha(@color7, 0.17); -} - -colorchooser .popover.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); - background-color: @color0; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px alpha(@color7, 0.2), 0 2px 2px -1px alpha(@color7, 0.24), 0 1px 3px 0 alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: @color0; -} - -.scale-popup.background { - padding: 3px 0; -} - -/********************** - * Window Decorations * - **********************/ -decoration { - transition: none; - border-radius: 12px; - box-shadow: none; - margin: 10px; -} - -decoration:backdrop { - transition: none; - box-shadow: none; -} - -.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; -} - -.maximized decoration, .fullscreen decoration { - border-radius: 0; - box-shadow: none; -} - -.popup decoration { - box-shadow: none; - border: none; -} - -.ssd decoration { - border: none; - border-radius: 12px 12px 0 0; - box-shadow: none; -} - -.ssd decoration:backdrop { - border: none; - border-radius: 12px 12px 0 0; - box-shadow: none; -} - -.metacity decoration { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border: none; -} - -.csd.popup decoration { - border-radius: 12px; - border: none; - box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: none; - border: none; -} - -messagedialog.background.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - margin: 0; - padding: 2px; - border-radius: 0; - box-shadow: none; - background-color: @color0; - border: 1px solid @color16; -} - -.solid-csd decoration:backdrop { - background-color: @color0; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action) { - color: alpha(@color7, 0.7); - background-color: alpha(@color0, 0.1); - min-height: 22px; - min-width: 22px; - padding: 0; - margin: 0 0px; - border-radius: 9999px; -} - -button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { - color: alpha(@color7, 0.7); - background-color: alpha(currentColor, 0.1); -} - -button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { - color: @color7; - background-color: alpha(currentColor, 0.15); - box-shadow: 0 1px 3px alpha(@color7, 0.1), inset 0 1px alpha(@color7, 0.1); -} - -button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { - color: @color7; - background-color: alpha(currentColor, 0.2); -} - -button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { - opacity: 0.65; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: @color13; - -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); -} - -cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-transform: rotate(90deg); -} - -cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-transform: unset; -} - -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - padding-top: 6px; - -gtk-icon-transform: rotate(45deg); -} - -.context-menu { - font: initial; -} - -.keycap { - min-width: 12px; - min-height: 26px; - margin-top: 2px; - padding-bottom: 2px; - padding-left: 8px; - padding-right: 8px; - border: solid 1px alpha(@color7, 0.12); - border-radius: 13px; - box-shadow: inset 0 -2px alpha(@color7, 0.12); - background-color: @color0; - color: @color7; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: @color13; -} - -stackswitcher { - min-height: 0; - padding: 0; - border-radius: 15px; - background-color: alpha(@color0, 0.04); - border: none; -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - margin: 0; - background-color: transparent; - border-radius: 9999px; -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 100px; -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { - box-shadow: none; -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: @color7; - color: rgba(26, 27, 38, 0.87); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { - box-shadow: none; - background-color: @color7; -} - -stackswitcher button.text-button { - min-width: 100px; -} - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 34px; - min-height: 34px; - padding: 0; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; -} - -popover.emoji-picker entry { - border-bottom: 1px solid alpha(@color7, 0.12); - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid alpha(@color7, 0.12); -} - -button.emoji-section { - margin: 4px; -} - -button.emoji-section:checked { - color: @color13; -} - -button.emoji-section:not(:last-child) { - margin-right: 0; -} - -popover.emoji-picker .emoji { - min-width: 3em; - min-height: 3em; - padding: 0 8px; -} - -popover.emoji-picker .emoji widget { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; -} - -popover.emoji-picker .emoji widget:hover { - background-color: alpha(currentColor, 0.08); -} - -popover.emoji-completion { - padding: 8px 0; -} - -popover.emoji-completion arrow { - border: none; - background: none; -} - -popover.emoji-completion .emoji-completion-row { - min-height: 28px; - padding: 0 12px; -} - -popover.emoji-completion .emoji:hover { - background-color: alpha(currentColor, 0.08); -} - -/************ - * Nautilus * - ************/ -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: @color0; -} - -.nautilus-window.background.csd:backdrop { - background-color: @color0; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, -.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator { - margin-left: 0; -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > separator { - background: none; -} - -.nautilus-window.background.csd.unified notebook { - border-radius: 0; -} - -.nautilus-window.background.csd:not(.unified) .nautilus-list-view { - background-color: transparent; - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd:not(.unified) notebook { - background-color: @color0; - border-radius: 0 0 12px 12px; -} - -.nautilus-window.background.csd:not(.unified) notebook > stack { - background-color: transparent; -} - -.nautilus-window.background.csd:not(.unified) notebook scrolledwindow -> .view:not(:selected):not(:hover):not(:checked) { - background-color: transparent; -} - -.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list { - background-color: transparent; -} - -.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box { - background-color: transparent; -} - -.nautilus-window.background.csd:not(.unified) paned > separator.wide { - min-width: 12px; - box-shadow: 12px 0 @color0; - background-color: @color0; - background-image: image(@color0); -} - -.nautilus-window.maximized, -.nautilus-window.maximized placessidebar { - border-radius: 0; -} - -.nautilus-window .floating-bar { - min-height: 32px; - padding: 0; - margin: 6px; - border: none; - border-radius: 12px; - background-color: @color13; - color: @color0; - box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); -} - -.nautilus-window .floating-bar button { - margin: 4px; - color: @color7; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: alpha(@color7, 0.7); -} - -.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: @color7; -} - -@keyframes nautilus-operations-button-needs-attention { - to { - background-color: alpha(currentColor, 0.08); - } -} - -.nautilus-operations-button-needs-attention { - animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; -} - -.path-bar-box { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - border-radius: 12px; -} - -.path-bar-box button { - margin: 0; -} - -.path-bar-box.width-maximized { - background-color: alpha(@color0, 0.04); -} - -.path-bar-box.background.frame { - border-style: none; - background-color: alpha(@color0, 0.04); -} - -.path-bar-box .path-bar button label:not(:only-child):first-child { - margin-left: 0; -} - -.path-bar-box .path-bar button label:not(:only-child):last-child { - margin-right: 0; -} - -.path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action) { - padding-left: 11px; - padding-right: 11px; - margin-left: 1px; - margin-right: 1px; -} - -.path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { - margin-left: 0; -} - -.path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { - margin-right: 0; -} - -.path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; -} - -.path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { - margin: 0; -} - -.path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) { - background-color: alpha(@color0, 0.08); -} - -.path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar -button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled { - background-color: transparent; - color: alpha(@color7, 0.5); -} - -.windowhandle .linked.nautilus-path-bar { - background-color: alpha(@color0, 0.04); - border-radius: 12px; - margin: 6px 0; -} - -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { - margin-top: 0; - margin-bottom: 0; -} - -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { - color: @color7; -} - -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { - background: none; - box-shadow: none; -} - -.disk-space-display.unknown { - background-color: alpha(@color0, 0.3); - color: alpha(@color7, 0.3); -} - -.disk-space-display.used { - background-color: @color13; - color: @color0; -} - -.disk-space-display.free { - background-color: alpha(@color0, 0.12); - color: alpha(@color7, 0.12); -} - -.search-information { - padding: 2px; - border-bottom: 1px solid alpha(@color7, 0.12); - background-color: @color0; - color: @color7; -} - -.conflict-row:not(:selected) { - background-color: alpha(@color10, 0.15); -} - -.nautilus-window flowboxchild .icon-item-background { - padding: 4px; - border-radius: 6px; -} - -.nautilus-window flowboxchild:selected { - background-color: transparent; -} - -.nautilus-window notebook :not(treeview).view { - border-radius: 6px; -} - -dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { - border-style: none; -} - -dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { - margin: -6px 0 0 -6px; - border-top: 1px solid alpha(@color7, 0.12); -} - -dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { - margin: 0 8px; -} - -dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { - border-radius: 0; -} - -.nautilus-window > popover.menu:not(:last-child) { - padding: 3px; -} - -.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { - margin-top: -6px; -} - -.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { - margin-bottom: -6px; -} - -.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { - margin-top: 1px; -} - -.nautilus-window > popover.menu:not(:last-child) separator { - margin-bottom: -2px; -} - -.nautilus-menu-sort-heading { - margin: 1px 3px; - font-weight: 500; -} - -.nautilus-menu-sort-heading:disabled { - color: alpha(@color7, 0.7); -} - -.nautilus-window paned > separator { - background-color: @color0; -} - -/********* - * gedit * - *********/ -window.org-gnome-gedit > paned.titlebar > separator { - background-color: transparent; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-path-label { - color: alpha(@color7, 0.7); - font-size: smaller; -} - -.open-document-selector-match { - background-color: @color8; - color: @color7; -} - -.gedit-document-panel { - background-color: @color0; -} - -.gedit-document-panel row button.flat { - margin-top: 8px; - margin-bottom: 8px; -} - -.gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid alpha(@color7, 0.12); -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid alpha(@color7, 0.12); - border-radius: 0 0 12px 12px; -} - -.gedit-search-slider { - margin: 0 6px 10px; - padding: 6px; - background-color: @color0; - border-radius: 0 0 12px 12px; - box-shadow: 0 2px 3px -1px alpha(@color7, 0.05), 0 4px 6px 0 alpha(@color7, 0.06), 0 1px 10px 0 alpha(@color7, 0.05); -} - -.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { - all: unset; - color: alpha(@color7, 0.7); -} - -.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { - margin-left: 6px; -} - -.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { - margin-right: 0; -} - -.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { - margin-right: 6px; -} - -.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { - margin-left: 0; -} - -.gedit-search-slider .linked:not(.vertical) > entry:not(.error) { - background-color: @color0; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: alpha(@color7, 0.7); -} - -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { - color: @color7; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { - color: alpha(@color7, 0.32); -} - -frame.gedit-map-frame > border:dir(ltr) { - border-style: none none none solid; -} - -frame.gedit-map-frame > border:dir(rtl) { - border-style: none solid none none; -} - -/********** - * Tweaks * - **********/ -leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame { - background-color: @color0; - color: @color7; - border-radius: 12px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { - background-color: rgba(26, 27, 38, 0.38); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:hover { - background-color: rgba(26, 27, 38, 0.6); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:active, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:active, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:active { - background-color: rgba(26, 27, 38, 0.87); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:disabled { - background-color: rgba(26, 27, 38, 0.3); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - background-color: rgba(26, 27, 38, 0.38); -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(26, 27, 38, 0.3); -} - -leaflet.unfolded > box.vertical:last-child > scrolledwindow > viewport.frame, -leaflet.unfolded > box.vertical:last-child > stack > scrolledwindow > viewport.frame { - background-color: alpha(@color0, 0.04); - border-radius: 12px; - margin: 6px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { - padding: 6px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > separator { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row { - padding: 0; - margin: -1px; - color: @color7; - border-radius: 6px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:active, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:focus { - color: @color7; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected { - font-weight: 500; - background-color: alpha(@color0, 0.04); - border-radius: 9px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected, -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, -leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected label, -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, -leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected image { - color: @color13; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:focus { - background-color: alpha(@color0, 0.04); - color: @color7; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row + row { - margin-top: 3px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { - border: none; - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar trough, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar trough, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar trough { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { - border: 4px solid transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - border: none; - margin: 1px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - border: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering { - background-color: transparent; -} - -.tweak { - padding: 3px; -} - -.tweak.title:hover { - box-shadow: none; -} - -.tweak-group-startup { - border: 1px solid alpha(@color7, 0.12); -} - -.tweak-group-startup > row:not(:first-child) { - border-top: 1px solid alpha(@color7, 0.12); -} - -row#Focus, -row#ClickMethod, -row#PrimaryWorkspaceTweak, -row#workspaces-only-on-primary { - margin-top: 4px; -} - -leaflet.titlebar > .titlebar.tweak-titlebar-left, -leaflet.titlebar > .titlebar.tweak-titlebar-right, -hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, -hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { - background-color: inherit; - box-shadow: inherit; - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); -} - -leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { - background-color: transparent; - margin: 0; -} - -/************************ - * Gnome Control Center * - ************************/ -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child), -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) { - border-top-left-radius: 12px; -} - -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child), -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) { - border-top-right-radius: 12px; -} - -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child { - border-top-right-radius: 12px; - border-top-left-radius: 12px; -} - -window.background.csd > stack:not(.titlebar) > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background: none; -} - -window.background.csd > leaflet > stack.background frame > border, -window.background.csd > hdyleaflet > stack.background frame > border, -window.background.csd > box.horizontal > stack.background frame > border { - border: none; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: @color0; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { - background: none; -} - -window.background.csd > leaflet frame.view, -window.background.csd > hdyleaflet frame.view, -window.background.csd > box.horizontal frame.view { - border-radius: 12px; - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { - margin: 6px; -} - -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list { - border-top-width: 0; - border-bottom-width: 0; -} - -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row { - border-radius: 0; -} - -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list { - border-top-width: 1px; -} - -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row { - border-radius: 12px 12px 0 0; -} - -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list { - border-bottom-width: 1px; -} - -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, -window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row { - border-radius: 0 0 12px 12px; -} - -window.background.csd hdycolumn stack frame.view > stack > stack list > separator { - background-color: alpha(@color0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -/************************ - * Gnome system monitor * - ************************/ -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: @color0; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box { - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar { - box-shadow: none; -} - -/************************ - * Gnome Sound Recorder * - ************************/ -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -/****************** - * Gnome Contacts * - ******************/ -window.background.csd scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 12px; -} - -/************************ - * Epiphany (Gnome Web) * - ************************/ -tabbox { - border: none; - background-color: alpha(@color0, 0.04); - padding: 3px; - margin: 3px; - border-radius: 12px; -} - -tabbox > tab button { - min-height: 24px; - min-width: 24px; - border-radius: 9999px; - border: none; - padding: 0; - margin-right: -6px; -} - -/***************** - * Gnome Weather * - *****************/ -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -/*************** - * Gnome Music * - ***************/ -window.background.csd box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -/**************** - * Gnome Clocks * - ****************/ -/************* - * Rhythmbox * - *************/ -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 24px; - min-width: 24px; - padding: 5px; - margin: 0; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border-radius: 9999px; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - padding: 6px; - margin: -1px 0; - border-bottom: none; - border-top: 1px solid alpha(@color7, 0.12); - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - margin: 6px 0; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar { - padding: 0 12px 0 6px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - background-color: alpha(@color0, 0.08); - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: @color7; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 0% 0%; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { - box-shadow: none; - background-color: alpha(@color0, 0.04); - color: alpha(@color7, 0.5); -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { - background-color: @color13; - color: @color0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0 3px; -} - -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { - border-bottom: 1px solid alpha(@color7, 0.12); - padding: 6px; - margin: -6px; -} - -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { - border-bottom: 1px solid alpha(@color7, 0.12); - padding: 0 6px 6px; - margin: 0 -6px -6px 0; -} - -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { - border-right: 1px solid alpha(@color7, 0.12); - margin-right: -1px; -} - -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { - border-bottom: 1px solid alpha(@color7, 0.12); - padding: 3px; - margin: -1px -6px -6px; -} - -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { - border-right: 1px solid alpha(@color7, 0.12); - margin-right: -1px; -} - -window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { - padding: 0 6px 6px; - border-bottom: 1px solid alpha(@color7, 0.12); -} - -/********** - * Polari * - **********/ -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: @color13; - color: @color0; -} - -stack.view.polari-entry-area { - background-color: @color0; - border-top: 1px solid alpha(@color7, 0.12); - border-bottom-right-radius: 12px; -} - -stack:disabled.view.polari-entry-area { - background-image: image(@color0); -} - -/*********** - * Builder * - ***********/ -layouttabbar { - border-bottom: 1px solid alpha(@color7, 0.12); - background-color: @color0; -} - -layouttabbar > box > button { - margin: 3px 0; -} - -layouttab { - margin: 0 8px; - border-style: none solid; - border-width: 1px; - border-color: rgba(26, 27, 38, 0.2); - box-shadow: inset 0 -2px @color13; - background-color: @color0; -} - -layouttab separator.vertical { - margin: 8px 4px; -} - -layouttab button.text-button, layouttab button.image-button, layouttab button { - margin-top: 8px; - margin-bottom: 8px; - padding: 0 4px; -} - -layout { - border: 1px solid rgba(26, 27, 38, 0.2); - -pnldockbin-handle-size: 1; -} - -entry.search-missing { - background-color: @color10; - color: @color7; -} - -window.workbench treeview.image { - color: alpha(@color7, 0.7); -} - -popover.popover-selector list { - padding: 6px; -} - -popover.popover-selector list row { - border-radius: 12px; -} - -popover.popover-selector list row image:dir(ltr) { - margin-right: 6px; -} - -popover.popover-selector list row image:dir(rtl) { - margin-left: 6px; -} - -popover.popover-selector list row .accel:dir(ltr) { - margin-left: 6px; -} - -popover.popover-selector list row .accel:dir(rtl) { - margin-right: 6px; -} - -omnibar.linked:not(.vertical) entry { - border-radius: 12px; -} - -omnibar:not(:hover):not(:active) entry { - color: alpha(@color7, 0.7); -} - -popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid alpha(@color7, 0.12); -} - -entry.preferences-search { - border-bottom: 1px solid alpha(@color7, 0.12); - box-shadow: none; - background-color: @color0; -} - -preferences stacksidebar.sidebar list { - background-color: @color0; -} - -preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { - border-style: none; -} - -preferences > box > box:dir(ltr) { - border-right: 1px solid alpha(@color7, 0.12); -} - -preferences > box > box:dir(rtl) { - border-left: 1px solid alpha(@color7, 0.12); -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-action-area button { - padding: 8px 16px; - border-top: 1px solid alpha(@color7, 0.12); - border-radius: 0; -} - -popover.messagepopover .popover-action-area button:first-child { - border-bottom-left-radius: 12px; -} - -popover.messagepopover .popover-action-area button:last-child { - border-bottom-right-radius: 12px; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.transfers list { - background-color: transparent; -} - -popover.transfers list row:not(:first-child) { - border-top: 1px solid alpha(@color7, 0.12); -} - -popover.transfers list row > box { - padding: 10px; -} - -dockbin { - border: 1px solid rgba(26, 27, 38, 0.2); - -pnldockbin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(26, 27, 38, 0.2); -} - -eggsearchbar box.search-bar { - padding: 0 8px; - border-bottom: 1px solid alpha(@color7, 0.12); - background-color: @color0; -} - -docktabstrip { - padding: 0 8px; - border-bottom: 1px solid alpha(@color7, 0.12); - background-color: @color0; -} - -docktab { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - min-height: 24px; - min-width: 24px; - margin-bottom: -1px; - padding: 6px 6px; - border-width: 1px; - border-color: transparent; - box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle, @color13 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 0% 0%; - color: alpha(@color7, 0.7); - font-weight: 500; -} - -docktab:hover { - background-color: alpha(currentColor, 0.08); - color: @color7; -} - -docktab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px @color13; - background-color: transparent; - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-size: 1000% 1000%; - color: @color7; -} - -dockoverlayedge { - background-color: @color0; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 @color13; -} - -dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 @color13; -} - -pillbox { - background-color: @color0; - border-radius: 12px; -} - -layoutpane entry.search { - border-bottom: 1px solid alpha(@color7, 0.12); - box-shadow: none; - background-color: @color0; -} - -editortweak entry.search { - margin-bottom: -1px; - box-shadow: none; - background-color: transparent; -} - -.gb-search-entry-occurrences-tag { - box-shadow: none; - background-color: transparent; -} - -docktabstrip { - min-height: 39px; -} - -window.workbench preferences preferencesgroup list entry { - padding-top: 8px; - padding-bottom: 8px; -} - -button.run-arrow-button { - padding-left: 9px; - padding-right: 9px; -} - -button.dzlmenubutton image { - min-width: 28px; -} - -button.dzlmenubutton image.arrow { - min-width: 25px; -} - -button.dzlmenubuttonitem { - color: @color7; - font-weight: normal; -} - -button.dzlmenubuttonitem:disabled { - color: alpha(@color7, 0.5); -} - -idelayoutstackheader { - border-bottom: 1px solid alpha(@color7, 0.12); -} - -idelayoutstackheader button:checked { - color: @color7; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher { - padding: 8px 0; - background-color: @color0; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid alpha(@color7, 0.12); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid alpha(@color7, 0.12); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button { - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle, alpha(@color13, 0.7) 10%, transparent 0%); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { - background-color: transparent; - color: @color7; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { - margin-right: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 @color13; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { - margin-left: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 @color13; -} - -ideeditorsidebar notebook header { - background: transparent; -} - -popover.messagepopover list { - border: 1px solid alpha(@color7, 0.12); -} - -popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid alpha(@color7, 0.12); -} - -/********** - * Photos * - **********/ -GdMainIconView.content-view { - -gdmainiconview-icon-size: 48; -} - -.documents-counter { - margin: 8px; - border-radius: 9999px; - box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); - background-color: @color13; - color: @color0; - font-weight: bold; -} - -.documents-scrolledwin.frame { - border-style: none; -} - -.documents-scrolledwin.frame frame.content-view > border { - border-style: none; -} - -.photos-fade-in { - opacity: 1; - transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); -} - -.photos-fade-out { - opacity: 0; - transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); -} - -button.photos-filter-preview { - color: @color7; - font-weight: normal; -} - -button.photos-filter-preview:checked { - background-color: alpha(currentColor, 0.06); - color: @color7; -} - -button.photos-filter-preview:checked image { - color: @color7; -} - -overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { - border-style: none none none solid; -} - -overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { - border-style: none solid none none; -} - -/********* - * Music * - *********/ -.side-panel:dir(ltr) { - border-style: solid; - border-color: alpha(@color7, 0.12); -} - -.side-panel:dir(rtl) { - border-style: solid; - border-color: alpha(@color7, 0.12); -} - -.side-panel .view { - background-image: image(@color0); -} - -.side-panel .view:hover { - background-image: image(alpha(@color13, 0.1)); -} - -.side-panel .view:selected { - background-image: image(@color13); -} - -.side-panel .view:selected:hover { - background-image: image(@color13); - transition: background-color 100ms ease-out; -} - -.songs-list:hover { - background-image: image(alpha(currentColor, 0.08)); -} - -frame.documents-dropdown { - margin: 8px; -} - -frame.documents-dropdown > border { - border: none; -} - -box.vertical > revealer > toolbar.search-bar { - border-bottom: 1px solid alpha(@color7, 0.12); - background-clip: border-box; -} - -box.vertical > revealer > toolbar.search-bar button > widget { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -/************* - * Documents * - *************/ -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > stack > box > revealer > actionbar > revealer > box { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -/******************* - * Document Viewer * - *******************/ -window.background.csd evview.view.content-view { - border-radius: 0 0 12px 12px; -} - -/********************************* - * Archive Manager (File roller) * - *********************************/ -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: @color0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not( -:hover -):not(.progressbar):not(.expander):not(.trough):not( -.separator -) { - background-color: @color0; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: @color0; -} - -/************ - * Terminal * - ************/ -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window.background.csd, terminal-window.background.csd.maximized { - border-radius: 0; -} - -terminal-window notebook > header > box { - margin: -2px -2px -2px 1px; -} - -terminal-window notebook > header > box button.flat { - min-height: 24px; - min-width: 24px; - padding: 3px; - border-radius: 9px; -} - -window.background > box.vertical > box.horizontal > frame > border { - border: none; -} - -window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - /* border-radius: $corner-radius; */ - margin: 0 6px 6px; - background-color: @color0; - color: @color7; -} - -window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row { - padding: 0 2px; - margin: 2px 0; - border-radius: 12px; -} - -window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover { - color: @color13; -} - -window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active { - color: @color7; -} - -window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { - margin: 0 6px 6px 0; -} - -.terminal-window { - background-color: @color0; -} - -.terminal-window tabbar tabbox { - background-color: @color0; - margin: 0; - border-radius: 0; - border-bottom: 1px solid alpha(@color7, 0.12); - background-clip: border-box; -} - -/********* - * To Do * - *********/ -task-list-view taskrow { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 0 -8px; -} - -task-list-view taskrow:hover { - transition: none; -} - -task-list-view taskrow label { - margin: 0 8px; -} - -task-list-view taskrow image.dim-label { - min-width: 16px; -} - -task-list-view > box > revealer > box > button { - margin: -5px; -} - -task-list-view > box > revealer > box > button .dim-label { - color: inherit; -} - -tasklistview taskrow { - outline: none; -} - -tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { - box-shadow: none; -} - -tasklistview taskrow image.dim-label { - min-width: 16px; -} - -tasklistview > box > revealer > box > button { - margin: -5px; -} - -tasklistview > box > revealer > box > button .dim-label { - color: inherit; -} - -/******* - * Eog * - *******/ -#eog-thumb-nav scrolledwindow { - border-top: none; -} - -/************* - * Evolution * - *************/ -frame.taskbar > border { - border-style: solid none none; -} - -box.vertical > paned.horizontal notebook widget .frame { - border-style: none; -} - -/*********** - * Fractal * - ***********/ -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -/******** - * Gitg * - ********/ -frame.commit-frame > border { - border-style: solid none none; -} - -/************** - * Characters * - **************/ -box.dialog-vbox scrolledwindow.related { - border: 1px solid rgba(26, 27, 38, 0.2); -} - -list.categories { - background-image: image(@color0); -} - -/********* - * Boxes * - *********/ -.transparent-bg + stack overlay > label { - min-height: 24px; - padding: 0 4px; - border-radius: 12px; - background-color: @color0; - color: @color7; -} - -/************** - * Calculator * - **************/ -button.title label { - min-height: 34px; -} - -/********* - * Geary * - *********/ -window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical, -window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical { - border-bottom-left-radius: 12px; -} - -window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar, -window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar { - border-bottom-left-radius: 12px; -} - -window.background.csd.geary-main-window stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background: none; - border-bottom-right-radius: 12px; -} - -window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded, -window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded { - animation: none; - background-image: none; -} - -window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box { - border-radius: 0; -} - -window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar, -window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar { - color: @color7; - background-color: @color0; - box-shadow: none; - border-bottom: 1px solid rgba(26, 27, 38, 0.2); -} - -window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box { - border-bottom-left-radius: 0; -} - -.geary-accounts-editor-pane frame:not(.geary-signature) > border, -.geary-accounts-editor-pane scrolledwindow.frame { - border: none; -} - -.geary-main-window.unified > deck > overlay > .geary-main-layout { - background-color: @color0; -} - -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { - background-color: @color0; - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); -} - -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { - background-color: @color0; -} - -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { - min-width: 1px; - background-color: alpha(@color0, 0.12); -} - -.geary-main-window.unified frame.geary-conversation-frame scrolledwindow { - padding: 3px; -} - -.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view { - border: 1px solid transparent; - border-radius: 12px; - padding: 6px; -} - -.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active { - border-radius: 12px; - background-color: @color13; - color: @color0; -} - -.geary-main-window.unified separator.geary-sidebar-pane-separator { - min-width: 1px; - background-color: alpha(@color0, 0.12); -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { - border: 1px solid alpha(@color7, 0.12); - border-bottom-width: 0; - background-color: @color0; -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { - border-top-left-radius: 8px; - border-top-right-radius: 8px; -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { - border-radius: 0 0 8px 8px; -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { - background-color: transparent; -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { - border-radius: 0 0 6px 6px; -} - -/************** - * Extensions * - **************/ -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { - padding: 0 0; -} - -/*********** - * Dialogs * - ***********/ -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: @color0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -window.background.csd.unified { - background-color: @color0; -} - -window.background.csd.unified headerbar { - box-shadow: none; -} - -window.background.csd.unified > decoration-overlay { - box-shadow: inset 0 1px alpha(@color7, 0.1); -} - -window.background.csd.unified, -window.background.csd.unified > decoration, -window.background.csd.unified > decoration-overlay { - border-radius: 12px; -} - -window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay { - box-shadow: none; -} - -window.background.csd.unified.tiled, -window.background.csd.unified.tiled > decoration, -window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top, -window.background.csd.unified.tiled-top > decoration, -window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right, -window.background.csd.unified.tiled-right > decoration, -window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom, -window.background.csd.unified.tiled-bottom > decoration, -window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left, -window.background.csd.unified.tiled-left > decoration, -window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized, -window.background.csd.unified.maximized > decoration, -window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen, -window.background.csd.unified.fullscreen > decoration, -window.background.csd.unified.fullscreen > decoration-overlay { - border-radius: 0; -} - - - -/************** - * Terminator * - **************/ -.terminator-terminal-window paned > separator { - background-color: @color0; -} - -.terminator-terminal-window notebook.frame { - border-style: none; -} - -/************* - * Ubitquity * - *************/ -#live_installer .menubar progressbar trough { - border-radius: 4px; - background-color: rgba(233, 233, 237, 0.12); -} - -/********* - * Meld * - ********/ -.meld-notebook, -.meld-notebook > stack { - background: none; - border-radius: 0 0 12px 12px; -} - -.meld-notebook-child { - background-color: @color0; - border-radius: 0 0 12px 12px; -} - -statusbar.meld-status-bar { - background: none; -} - -/*********** - * Eclipse * - ***********/ -window.background > box.vertical > scrolledwindow > widget toolbar { - padding: 2px; -} - -window.background > box.vertical > scrolledwindow > widget toolbar separator, -window.background > box.vertical > scrolledwindow > widget toolbar button { - margin: 2px; -} - -window.background > box.vertical > scrolledwindow > widget toolbar button { - border-radius: 12px; -} - -/************ - * Chromium * - ************/ -window.background.chromium { - background-color: @color0; -} - -window.background.chromium entry, -window.background.chromium > button { - border: 1px solid alpha(@color16, 0.8); -} - -window.background.chromium > button { - color: @color13; -} - -window.background.chromium > button:disabled { - color: alpha(@color7, 0.32); -} - -window.background.chromium menubar, -window.background.chromium headerbar { - color: alpha(@color7, 0.7); -} - -window.background.chromium headerbar.titlebar { - padding: 0 12px; -} - -window.background.chromium headerbar.titlebar button:active { - background-color: alpha(currentColor, 0.12); -} - -window.background.chromium spinner { - color: @color13; -} - -window.background.chromium textview.view { - background-color: transparent; -} - -window.background.chromium treeview.view.cell:selected:focus { - background-color: @color13; - color: @color0; -} - -window.background.chromium treeview.view button { - border: 1px solid alpha(@color7, 0.3); - background-color: @color0; -} - -window.background.chromium menu { - background-color: @color13; - border-color: @color16; -} - -window.background.chromium menu menuitem { - border-radius: 0; - background-color: alpha(@color0, 0.04); -} - -tooltip.background.chromium { - background-color: @color0; -} - -/*********** - * Firefox * - ***********/ -#MozillaGtkWidget decoration { - border: none; -} - -#MozillaGtkWidget > widget text { - background-color: @color0; -} - -#MozillaGtkWidget > widget text:selected { - background-color: @color13; - color: @color0; -} - -#MozillaGtkWidget > widget > separator { - color: @color16; -} - -#MozillaGtkWidget > widget > scrollbar { - background-clip: border-box; -} - -#MozillaGtkWidget > widget > frame > border { - border-color: alpha(@color16, 0.8); -} - -#MozillaGtkWidget > widget > entry, -#MozillaGtkWidget > widget > button > button { - border: 1px solid alpha(@color16, 0.8); - border-radius: 12px; - box-shadow: none; -} - -#MozillaGtkWidget > widget > entry:disabled, -#MozillaGtkWidget > widget > button > button:disabled { - border-color: alpha(@color7, 0.12); -} - -#MozillaGtkWidget > widget > entry { - min-height: 30px; - background-color: @color0; -} - -#MozillaGtkWidget > widget > entry:focus { - border-color: @color13; - box-shadow: inset 0 0 0 1px @color13; -} - -#MozillaGtkWidget > widget > entry:disabled { - background-color: @color0; -} - -#MozillaGtkWidget > widget > button > button { - padding: 4px 8px; - background-size: auto; -} - -#MozillaGtkWidget > widget > button > button:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -#MozillaGtkWidget > widget > button > button:active { - background-image: image(alpha(currentColor, 0.12)); -} - -#MozillaGtkWidget > widget > checkbutton > check, -#MozillaGtkWidget > widget > radiobutton > radio { - margin: 0; - padding: 0; -} - -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { - color: alpha(@color16, 0.7); -} - -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { - color: @color13; -} - -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { - color: rgba(65, 72, 104, 0.5); -} - -#MozillaGtkWidget menu { - border: none; -} - -#MozillaGtkWidget > widget > menubar { - color: alpha(@color7, 0.7); -} - -#MozillaGtkWidget > widget > menubar:hover { - color: @color7; -} - -#MozillaGtkWidget > widget > menubar:disabled { - color: alpha(@color7, 0.32); -} - -#MozillaGtkWidget > widget > frame { - color: alpha(@color16, 0.8); -} - -#MozillaGtkWidget menu > separator { - color: alpha(@color16, 0.8); -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -/************ - * Inkscape * - ************/ -#ToolboxCommon > #AuxToolbox #StyleSwatch { - font-size: smaller; -} - -#ToolboxCommon > #AuxToolbox #Kludge { - padding: 0; -} - -#ToolboxCommon > #AuxToolbox spinbutton, -#ToolboxCommon > #AuxToolbox entry { - min-height: 32px; -} - -#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { - min-height: 24px; - min-width: 16px; - padding: 4px 8px; -} - -#ToolboxCommon > #AuxToolbox spinbutton button { - border-width: 4px; -} - -#ToolboxCommon > toolbar.vertical { - margin-top: -4px; -} - -#ToolboxCommon > toolbar.vertical button { - min-height: 24px; - min-width: 24px; - padding: 4px; -} - -#CanvasTable button { - min-height: 16px; - min-width: 16px; - padding: 0; -} - -#CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(233, 233, 237, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(233, 233, 237, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(233, 233, 237, 0.12); -} - -#Canvas_and_Dock frame > border { - border: none; -} - -#Canvas_and_Dock widget > widget > button.flat { - min-height: 16px; - min-width: 16px; - padding: 4px; -} - -#Canvas_and_Dock widget > widget > box.horizontal image { - padding: 4px; -} - -#Canvas_and_Dock box.horizontal > box.vertical > button.flat { - min-height: 16px; - min-width: 24px; - padding: 8px 4px; -} - -scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image { - padding: 4px; -} - -#InKscapeCanvas { - background-color: @color0; - border-radius: 12px; -} - -/*********** - * Synapse * - ***********/ -/*************** - * Libreoffice * - ***************/ -window.background > grid -> widget -> widget -> scrolledwindow -> viewport -> grid -> box -> box -> frame -> box { - background-color: @color0; -} - -/********* - * Pamac * - *********/ -window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list, -window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list, -window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list { - border: none; - border-radius: 0; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable, -window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable, -window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable { - border-radius: 12px; -} - -dialog-host > floating-sheet > sheet > widget.response-area { - padding: 6px; -} - -window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) { - /* background-color: if($variant == 'light', $grey-100, $grey-900); */ - background-color: @color0; -} - -window.background:not(.csd) > box -> widget -> widget -> widget -> widget -> widget -> widget -> widget -> scrolledwindow entry:focus { - background-color: @color0; -} - -/******** - * Nemo * - ********/ -.nemo-window .primary-toolbar { - background-color: @color0; - border-bottom: 1px solid rgba(233, 233, 237, 0.12); -} - -.nemo-window .primary-toolbar entry { - min-height: 0; - margin: 0; -} - -.nemo-window .primary-toolbar > toolitem > .linked > button.image-button { - margin-left: 1px; - margin-right: 1px; -} - -.nemo-window .primary-toolbar button.text-button { - padding-left: 8px; - padding-right: 8px; - color: rgba(233, 233, 237, 0.7); -} - -.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked { - color: @color7; -} - -.nemo-window .primary-toolbar button.text-button:disabled { - color: rgba(233, 233, 237, 0.32); -} - -.nemo-window .primary-toolbar button.text-button:backdrop { - color: rgba(233, 233, 237, 0.5); -} - -.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { - margin-left: 1px; - margin-right: 1px; -} - -.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button:checked { - box-shadow: none; -} - -.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child { - border-top-left-radius: 12px; - border-bottom-left-radius: 12px; -} - -.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { - padding-left: 4px; - padding-right: 4px; -} - -.nemo-window scrolledwindow.frame { - border-style: none; -} - -.nemo-window scrolledwindow.frame .view:not(:selected) { - background-color: transparent; -} - -.nemo-window .nemo-inactive-pane .view:not(:selected) { - background-color: @color0; -} - -.nemo-window .nemo-window-pane widget.entry { - border-radius: 6px; - background-color: rgba(233, 233, 237, 0.04); -} - -.nemo-window .nemo-window-pane > notebook { - border-radius: 0; -} - -.places-treeview { - -nemoplacestreeview-disk-full-bg-color: @color0; - -nemoplacestreeview-disk-full-fg-color: @color13; - -nemoplacestreeview-disk-full-bar-width: 2px; - -nemoplacestreeview-disk-full-bar-radius: 0; - -nemoplacestreeview-disk-full-bottom-padding: 1px; - -nemoplacestreeview-disk-full-max-length: 80px; - padding-top: 3px; - padding-bottom: 3px; -} +@define-color color0 {{colors.surface.default.hex}}; +@define-color color1 {{colors.on_surface_variant.default.hex}}; +@define-color color2 {{colors.secondary.default.hex}}; +@define-color color3 {{colors.secondary.default.hex}}; +@define-color color4 {{colors.primary.default.hex}}; +@define-color color5 {{colors.primary.default.hex}}; +@define-color color6 {{colors.primary.default.hex}}; +@define-color color7 {{colors.on_surface.default.hex}}; +@define-color color8 {{colors.surface.default.hex}}; +@define-color color9 {{colors.surface.default.hex}}; +@define-color color10 {{colors.on_primary.default.hex}}; +@define-color color11 {{colors.on_secondary.default.hex}}; +@define-color color12 {{colors.primary.default.hex}}; +@define-color color13 {{colors.primary.default.hex}}; +@define-color color14 {{colors.on_surface_variant.default.hex}}; +@define-color color15 {{colors.on_surface_variant.default.hex}}; From e69805a8df73140508b309231a0ad94c6e063690 Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:42:30 +0600 Subject: [PATCH 07/17] Update gtk.css --- .../.themes/Material-Gnome/gtk-4.0/gtk.css | 254 +++++++++++++++--- 1 file changed, 215 insertions(+), 39 deletions(-) diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk.css b/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk.css index 641f2fd1e..07795ba29 100644 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk.css +++ b/dotfiles/.themes/Material-Gnome/gtk-4.0/gtk.css @@ -805,7 +805,7 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked { background-color: var(--color13); - color: var(--color7); + color: var(--color0); } headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { @@ -3634,7 +3634,7 @@ radio:disabled { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); background-color: var(--color13); } @@ -3695,68 +3695,201 @@ popover.menu check, popover.menu check:hover, popover.menu check:disabled, popov box-shadow: none; } - check { -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + border-radius: 3px; } - check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +check:checked::after { + content: ""; + position: absolute; + display: block; + left: 6px; + top: 2px; + width: 6px; + height: 11px; + border: solid var(--color0); + border-width: 0 2px 2px 0; + transform: rotate(45deg); } +check:indeterminate::after { + content: ""; + position: absolute; + display: block; + left: 4px; + top: 8px; + width: 8px; + height: 2px; + background: var(--color0); + border-radius: 1px; +} + +check:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} + +check:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); +} + +check:active { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.4); +} + +check:disabled { + opacity: 0.5; + background-color: transparent; + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +check:disabled:checked { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + box-shadow: + 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55), + inset 0 0 0 2px var(--color0); +} radio { -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.38); + border-radius: 50%; } - radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + inset 0 0 0 4px var(--color0), + 0 0 0 1px var(--color13); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: var(--color0); + border-color: var(--color13); + box-shadow: + inset 0 0 0 2px var(--color13), + 0 0 0 1px var(--color13); } - -popover.menu check { +popover.menu radio { min-height: 16px; min-width: 16px; -gtk-icon-size: 16px; } +popover.menu radio:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + inset 0 0 0 3px var(--color0), + 0 0 0 1px var(--color13); +} -popover.menu check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-checked-symbolic@2.svg"))); +popover.menu radio:indeterminate { + -gtk-icon-source: none; + background-color: var(--color0); + border-color: var(--color13); + box-shadow: + inset 0 0 0 1.5px var(--color13), + 0 0 0 1px var(--color13); } +radio:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} -popover.menu check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-mixed-symbolic@2.svg"))); +radio:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); } +radio:active { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.4); +} -popover.menu radio { +radio:disabled { + opacity: 0.5; + background-color: transparent; + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +radio:disabled:checked { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + box-shadow: + inset 0 0 0 4px var(--color0), + 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); +} + +popover.menu check { min-height: 16px; min-width: 16px; -gtk-icon-size: 16px; + border-radius: 2px; } +popover.menu check:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} -popover.menu radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/small-radio-checked-symbolic@2.svg"))); +popover.menu check:indeterminate { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); } +popover.menu check:checked::after { + left: 5px; + top: 1px; + width: 5px; + height: 9px; + border-width: 0 1.5px 1.5px 0; +} -popover.menu radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-radio-mixed-symbolic@2.svg"))); +popover.menu check:indeterminate::after { + left: 3px; + top: 6px; + width: 6px; + height: 1.5px; } check:not(:checked):active { @@ -5580,7 +5713,6 @@ windowcontrols > button:not(.suggested-action):not(.destructive-action) > image padding: 0; } - .view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { background-color: alpha(currentColor, 0.06); @@ -5608,7 +5740,48 @@ headerbar popover.background entry entry > text > selection, calendar > grid > l **********************/ cursor-handle { color: var(--color13); - -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg")); + -gtk-icon-source: none; + background-image: + radial-gradient(circle, var(--color13) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, var(--color13) 35%, var(--color13) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, var(--color13) 35%, var(--color13) 65%, transparent 65%); + background-size: 100% 100%, 100% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: center; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +cursor-handle:hover { + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.7) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 65%, transparent 65%); + box-shadow: 0 0 0 2px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.5); +} + +cursor-handle:active { + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 65%, transparent 65%); + box-shadow: 0 0 0 2px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.8); +} + +cursor-handle:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} + +cursor-handle:disabled { + opacity: 0.5; + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 65%, transparent 65%); + box-shadow: 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); } cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { @@ -6064,18 +6237,18 @@ label.secondary-label { color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); } -toastoverlay toast { - background-color: var(--color17) !important; - color: var(--color2) !important; +.toast-overlay .toast { + background-color: #E9E9DD; + color: #1A1C15; border-radius: 12px; padding: 8px; - box-shadow: 0 2px 4px rgba(0,0,0,0.1); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } -toastoverlay datechooser.view, -toastoverlay agenda-view.view, -toastoverlay agenda-view.view list, -toastoverlay stack.view { +.datechooser.view, +.agenda-view.view, +.agenda-view.view list, +.stack.view { background-color: transparent; } @@ -7637,27 +7810,27 @@ avatar.image { outline: 0 solid transparent; } -toast { +.toast { margin: 12px; margin-bottom: 24px; border-radius: 9999px; border-spacing: 6px; padding: 6px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); - background-color: var(--color17); + background-color: #E9E9DD; color: var(--color7); border: none; } -toast:dir(ltr) { +.toast:dir(ltr) { padding-left: 12px; } -toast:dir(rtl) { +.toast:dir(rtl) { padding-right: 12px; } -toast > label { +.toast > label { margin: 0 6px; } @@ -8422,9 +8595,13 @@ panelthemeselector checkbutton.theme-selector radio:checked { themeselector checkbutton.theme-selector radio:checked, panelthemeselector checkbutton.theme-selector radio:checked { -gtk-icon-size: 20px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); + -gtk-icon-source: none; color: var(--color0); background-color: var(--color13); + border: 2px solid var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); } themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, @@ -8490,4 +8667,3 @@ themeswitcher checkbutton.dark { color: var(--color7); background-color: var(--color0); } - From 2cd1dfbca7510a12b45cc56f6ff21e559e61382d Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:43:14 +0600 Subject: [PATCH 08/17] Delete dotfiles/.themes/Material-Gnome/gtk-4.0/assets directory --- .../assets/checkbox-checked-symbolic.svg | 44 --------------- .../assets/checkbox-checked-symbolic@2.svg | 45 --------------- .../assets/checkbox-mixed-symbolic.svg | 49 ----------------- .../assets/checkbox-mixed-symbolic@2.svg | 50 ----------------- .../Material-Gnome/gtk-4.0/assets/close.svg | 38 ------------- .../gtk-4.0/assets/cursor-handle-symbolic.svg | 3 - .../gtk-4.0/assets/maximize.svg | 38 ------------- .../gtk-4.0/assets/minimize.svg | 43 --------------- .../gtk-4.0/assets/radio-checked-symbolic.svg | 45 --------------- .../assets/radio-checked-symbolic@2.svg | 45 --------------- .../gtk-4.0/assets/radio-mixed-symbolic.svg | 1 - .../gtk-4.0/assets/radio-mixed-symbolic@2.svg | 1 - ...scale-horz-marks-after-slider-symbolic.svg | 53 ------------------ ...cale-horz-marks-before-slider-symbolic.svg | 47 ---------------- .../assets/scale-slider-hover-symbolic.svg | 41 -------------- .../assets/scale-slider-hover-symbolic@2.svg | 41 -------------- .../gtk-4.0/assets/scale-slider-symbolic.svg | 40 -------------- .../assets/scale-slider-symbolic@2.svg | 41 -------------- ...scale-vert-marks-after-slider-symbolic.svg | 52 ------------------ ...cale-vert-marks-before-slider-symbolic.svg | 55 ------------------- .../small-checkbox-checked-symbolic.svg | 45 --------------- .../small-checkbox-checked-symbolic@2.svg | 46 ---------------- .../assets/small-checkbox-mixed-symbolic.svg | 49 ----------------- .../small-checkbox-mixed-symbolic@2.svg | 49 ----------------- .../assets/small-radio-checked-symbolic.svg | 41 -------------- .../assets/small-radio-checked-symbolic@2.svg | 41 -------------- .../assets/small-radio-mixed-symbolic.svg | 1 - .../assets/small-radio-mixed-symbolic@2.svg | 1 - .../gtk-4.0/assets/unmaximize.svg | 46 ---------------- 29 files changed, 1091 deletions(-) delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/close.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/cursor-handle-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/maximize.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/minimize.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic@2.svg delete mode 120000 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic.svg delete mode 120000 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic@2.svg delete mode 120000 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic.svg delete mode 120000 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/assets/unmaximize.svg diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic.svg deleted file mode 100644 index c3eedb0d3..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic@2.svg deleted file mode 100644 index 96be359b2..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic.svg deleted file mode 100644 index f016658de..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg deleted file mode 100644 index 1bc6987c7..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/close.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/close.svg deleted file mode 100644 index 06201c39d..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/close.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/cursor-handle-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b5f..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/maximize.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/maximize.svg deleted file mode 100644 index 39316eba5..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/maximize.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/minimize.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/minimize.svg deleted file mode 100644 index f3683b9d7..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/minimize.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic.svg deleted file mode 100644 index d13b0295b..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic@2.svg deleted file mode 100644 index ed8d87adb..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-checked-symbolic@2.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic.svg deleted file mode 120000 index 79b7355c9..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic.svg +++ /dev/null @@ -1 +0,0 @@ -checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic@2.svg deleted file mode 120000 index b68859d48..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/radio-mixed-symbolic@2.svg +++ /dev/null @@ -1 +0,0 @@ -checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg deleted file mode 100644 index de0d7899f..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg deleted file mode 100644 index 7f0235f10..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic.svg deleted file mode 100644 index 993f30828..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg deleted file mode 100644 index 740bc8b8a..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic.svg deleted file mode 100644 index 73a1dbe5f..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic@2.svg deleted file mode 100644 index bec2ee43a..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-slider-symbolic@2.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg deleted file mode 100644 index 37d9c04b0..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg deleted file mode 100644 index 1bc5cb6ff..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic.svg deleted file mode 100644 index caed76fa0..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg deleted file mode 100644 index 58aa5ffed..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index 0e477a9d8..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg deleted file mode 100644 index d0980e258..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic.svg deleted file mode 100644 index 0fdb5302a..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic@2.svg deleted file mode 100644 index 251e2f543..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-checked-symbolic@2.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic.svg deleted file mode 120000 index 86dfcec08..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1 +0,0 @@ -small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg deleted file mode 120000 index bafb55887..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg +++ /dev/null @@ -1 +0,0 @@ -small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/unmaximize.svg b/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/unmaximize.svg deleted file mode 100644 index 492d47a23..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-4.0/assets/unmaximize.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - From 2087e3e74901f6ad6f2c744a7366661310e2da4a Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:44:27 +0600 Subject: [PATCH 09/17] Update gtk.css --- .../.themes/Material-Gnome/gtk-3.0/gtk.css | 212 +++++++++++++++--- 1 file changed, 180 insertions(+), 32 deletions(-) diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk.css b/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk.css index a8880a0c8..5c8b33429 100644 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk.css +++ b/dotfiles/.themes/Material-Gnome/gtk-3.0/gtk.css @@ -532,6 +532,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f .photos-entry-tag:active, .documents-entry-tag:active { background-color: alpha(@color13, 0.25); + color: alpha(@color0, 0.7); } /*********** @@ -1437,7 +1438,7 @@ button:not(.suggested-action):not(.destructive-action).text-button { } .titlebar.selection-mode:backdrop { - color: alpha(@color7, 0.7); + color: alpha(@color0, 0.7); background-color: alpha(@color13, 0.8); } @@ -1774,7 +1775,7 @@ treeview.view.progressbar { treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { box-shadow: none; background-color: @color13; - color: @color7; + color: @color0; } treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { @@ -2030,15 +2031,6 @@ popover.background { border-radius: 12px; } -popover.background, .csd popover.background { - box-shadow: 0 2px 3px -1px alpha(@color7, 0.15), 0 4px 3px 0 alpha(@color7, 0.18), 0 1px 6px 0 alpha(@color7, 0.12); - box-shadow: 0 8px 6px -5px alpha(@color7, 0.2), 0 16px 15px 2px alpha(@color7, 0.14), 0 6px 18px 5px alpha(@color7, 0.12), inset 0 1px alpha(@color7, 0.1), 0 0 36px transparent; -} - -popover.background:backdrop, .csd popover.background:backdrop { - box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); -} - popover.background > stack { margin: 0; } @@ -2642,26 +2634,118 @@ menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, me box-shadow: none; } +check { + -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid alpha(@color13, 0.38); + border-radius: 3px; +} check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: @color13; + border-color: @color13; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; } +check:checked::after { + content: ""; + position: absolute; + display: block; + left: 6px; + top: 2px; + width: 6px; + height: 11px; + border: solid @color0; + border-width: 0 2px 2px 0; + transform: rotate(45deg); +} check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: @color13; + border-color: @color13; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; } +check:indeterminate::after { + content: ""; + position: absolute; + display: block; + left: 4px; + top: 8px; + width: 8px; + height: 2px; + background: @color0; + border-radius: 1px; +} -radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +check:focus, +radio:focus { + outline: 1px solid @color13; + outline-offset: 2px; +} + +check:hover, +radio:hover { + background-color: alpha(@color13, 0.2); } +check:active, +radio:active { + background-color: alpha(@color13, 0.4); +} + +check:disabled, +radio:disabled { + opacity: 0.5; + background-color: transparent; + border-color: #2a3b37; +} + +check:disabled:checked, +radio:disabled:checked { + background-color: alpha(@color13, 0.58); + border-color: alpha(@color13, 0.58); + box-shadow: + inset 0 0 0 4px @color0, + 0 0 0 1px alpha(@color13, 0.58); +} + +radio { + -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid alpha(@color13, 0.38); + border-radius: 50%; +} + +radio:checked { + -gtk-icon-source: none; + background-color: @color13; + border-color: @color13; + box-shadow: + inset 0 0 0 4px @color0, + 0 0 0 1px @color13; +} radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: @color0; + border-color: @color13; + box-shadow: + inset 0 0 0 2px @color13, + 0 0 0 1px @color13; } + #MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; @@ -2670,12 +2754,28 @@ menu menuitem check { #MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: @color13; + border: 2px solid @color13; + border-radius: 3px; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; + min-height: 16px; + min-width: 16px; } #MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: @color13; + border: 2px solid @color13; + border-radius: 3px; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; + min-height: 16px; + min-width: 16px; } #MozillaGtkWidget > widget > radiobutton > radio, @@ -2686,12 +2786,22 @@ menu menuitem radio { #MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: @color13; + border-color: @color13; + box-shadow: + inset 0 0 0 3px @color0, + 0 0 0 1px @color13; } #MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); + -gtk-icon-source: none; + background-color: @color0; + border-color: @color13; + box-shadow: + inset 0 0 0 1.5px @color13, + 0 0 0 1px @color13; } check:not(:checked):active { @@ -2756,7 +2866,11 @@ treeview.view check:indeterminate { .content-view .tile check:not(list):checked { background-color: @color13; color: @color0; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); + -gtk-icon-source: none; + border: 2px solid @color13; + box-shadow: + 0 0 0 1px @color13, + inset 0 0 0 2px @color0; } /************ @@ -2872,19 +2986,59 @@ scale.marks-before:not(.marks-after) slider:disabled, scale.marks-after:not(.mar } scale.horizontal.marks-before:not(.marks-after) slider { - -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-horz-marks-before-slider-symbolic.svg")); + -gtk-icon-source: none; + background-image: + linear-gradient(to right, alpha(@color13, 0.38) 1px, transparent 1px), + linear-gradient(to bottom, @color13 60%, transparent 60%); + background-size: 4px 100%, 100% 100%; + background-position: 0 0, center; + background-repeat: repeat-y, no-repeat; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px alpha(@color13, 0.3); } scale.horizontal.marks-after:not(.marks-before) slider { - -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-horz-marks-after-slider-symbolic.svg")); + -gtk-icon-source: none; + background-image: + linear-gradient(to right, alpha(@color13, 0.38) 1px, transparent 1px), + linear-gradient(to bottom, @color13 60%, transparent 60%); + background-size: 4px 100%, 100% 100%; + background-position: 100% 0, center; + background-repeat: repeat-y, no-repeat; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px alpha(@color13, 0.3); } scale.vertical.marks-before:not(.marks-after) slider { - -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-vert-marks-before-slider-symbolic.svg")); + -gtk-icon-source: none; + background-image: + linear-gradient(to bottom, alpha(@color13, 0.38) 1px, transparent 1px), + linear-gradient(to right, @color13 60%, transparent 60%); + background-size: 100% 4px, 100% 100%; + background-position: 0 0, center; + background-repeat: repeat-x, no-repeat; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px alpha(@color13, 0.3); } scale.vertical.marks-after:not(.marks-before) slider { - -gtk-icon-source: -gtk-recolor(url("assets/scalable/scale-vert-marks-after-slider-symbolic.svg")); + -gtk-icon-source: none; + background-image: + linear-gradient(to bottom, alpha(@color13, 0.38) 1px, transparent 1px), + linear-gradient(to right, @color13 60%, transparent 60%); + background-size: 100% 4px, 100% 100%; + background-position: 0 100%, center; + background-repeat: repeat-x, no-repeat; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px alpha(@color13, 0.3); } scale indicator { @@ -3508,7 +3662,6 @@ messagedialog.background .titlebar { min-height: 12px; background-color: @color0; border: none; - box-shadow: inset 0 1px alpha(@color7, 0.1); } messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop { @@ -3522,7 +3675,6 @@ messagedialog.background.csd { messagedialog .titlebar, messagedialog.background.csd .titlebar { border: none; - box-shadow: inset 0 1px alpha(@color7, 0.1); } messagedialog .dialog-action-box { @@ -3756,7 +3908,6 @@ placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { placessidebar.sidebar row:drop(active) { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); background-color: alpha(@color13, 0.15) } @@ -4414,7 +4565,7 @@ popover.emoji-completion .emoji:hover { border: none; border-radius: 12px; background-color: @color13; - color: @color7; + color: @color0; box-shadow: 0 3px 2px -2px alpha(@color7, 0.05), 0 2px 3px -1px alpha(@color7, 0.06), 0 1px 4px 0 alpha(@color7, 0.05); } @@ -5146,7 +5297,6 @@ window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > } .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px alpha(@color7, 0.12); } .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { @@ -5209,7 +5359,6 @@ window.background > box.vertical > toolbar.primary-toolbar { window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; - box-shadow: inset 0 0 0 9999px transparent; background-color: alpha(@color0, 0.08); background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; @@ -6671,4 +6820,3 @@ window.background:not(.csd) > box padding-top: 3px; padding-bottom: 3px; } - From 1ad61cdb09410898427e20403428e1095cd4414b Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:45:17 +0600 Subject: [PATCH 10/17] Delete dotfiles/.themes/Material-Gnome/gtk-3.0/assets directory --- .../scalable/checkbox-checked-symbolic.svg | 44 -------------- .../scalable/checkbox-checked-symbolic@2.svg | 45 -------------- .../scalable/checkbox-mixed-symbolic.svg | 49 ---------------- .../scalable/checkbox-mixed-symbolic@2.svg | 50 ---------------- .../gtk-3.0/assets/scalable/close.svg | 38 ------------ .../scalable/cursor-handle-symbolic.svg | 3 - .../gtk-3.0/assets/scalable/maximize.svg | 38 ------------ .../gtk-3.0/assets/scalable/minimize.svg | 43 -------------- .../scalable/radio-checked-symbolic.svg | 45 -------------- .../scalable/radio-checked-symbolic@2.svg | 45 -------------- .../assets/scalable/radio-mixed-symbolic.svg | 1 - .../scalable/radio-mixed-symbolic@2.svg | 1 - ...scale-horz-marks-after-slider-symbolic.svg | 53 ----------------- ...cale-horz-marks-before-slider-symbolic.svg | 47 --------------- .../scalable/scale-slider-hover-symbolic.svg | 41 ------------- .../scale-slider-hover-symbolic@2.svg | 41 ------------- .../assets/scalable/scale-slider-symbolic.svg | 40 ------------- .../scalable/scale-slider-symbolic@2.svg | 41 ------------- ...scale-vert-marks-after-slider-symbolic.svg | 52 ----------------- ...cale-vert-marks-before-slider-symbolic.svg | 55 ------------------ .../small-checkbox-checked-symbolic.svg | 45 -------------- .../small-checkbox-checked-symbolic@2.svg | 46 --------------- .../small-checkbox-mixed-symbolic.svg | 49 ---------------- .../small-checkbox-mixed-symbolic@2.svg | 49 ---------------- .../scalable/small-radio-checked-symbolic.svg | 41 ------------- .../small-radio-checked-symbolic@2.svg | 41 ------------- .../scalable/small-radio-mixed-symbolic.svg | 1 - .../scalable/small-radio-mixed-symbolic@2.svg | 1 - .../gtk-3.0/assets/scalable/unmaximize.svg | 46 --------------- .../scale-horz-marks-after-slider-dark.png | Bin 1058 -> 0 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 2242 -> 0 bytes ...-horz-marks-after-slider-disabled-dark.png | Bin 1015 -> 0 bytes ...orz-marks-after-slider-disabled-dark@2.png | Bin 2055 -> 0 bytes ...scale-horz-marks-after-slider-disabled.png | Bin 1037 -> 0 bytes ...ale-horz-marks-after-slider-disabled@2.png | Bin 2079 -> 0 bytes .../assets/scale-horz-marks-after-slider.png | Bin 1023 -> 0 bytes .../scale-horz-marks-after-slider@2.png | Bin 2078 -> 0 bytes .../scale-horz-marks-before-slider-dark.png | Bin 1055 -> 0 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 2245 -> 0 bytes ...horz-marks-before-slider-disabled-dark.png | Bin 1000 -> 0 bytes ...rz-marks-before-slider-disabled-dark@2.png | Bin 2071 -> 0 bytes ...cale-horz-marks-before-slider-disabled.png | Bin 998 -> 0 bytes ...le-horz-marks-before-slider-disabled@2.png | Bin 2066 -> 0 bytes .../assets/scale-horz-marks-before-slider.png | Bin 994 -> 0 bytes .../scale-horz-marks-before-slider@2.png | Bin 2061 -> 0 bytes .../scale-vert-marks-after-slider-dark.png | Bin 1033 -> 0 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 2226 -> 0 bytes ...-vert-marks-after-slider-disabled-dark.png | Bin 984 -> 0 bytes ...ert-marks-after-slider-disabled-dark@2.png | Bin 1996 -> 0 bytes ...scale-vert-marks-after-slider-disabled.png | Bin 964 -> 0 bytes ...ale-vert-marks-after-slider-disabled@2.png | Bin 2027 -> 0 bytes .../assets/scale-vert-marks-after-slider.png | Bin 952 -> 0 bytes .../scale-vert-marks-after-slider@2.png | Bin 2018 -> 0 bytes .../scale-vert-marks-before-slider-dark.png | Bin 1054 -> 0 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 2219 -> 0 bytes ...vert-marks-before-slider-disabled-dark.png | Bin 992 -> 0 bytes ...rt-marks-before-slider-disabled-dark@2.png | Bin 1994 -> 0 bytes ...cale-vert-marks-before-slider-disabled.png | Bin 1017 -> 0 bytes ...le-vert-marks-before-slider-disabled@2.png | Bin 1977 -> 0 bytes .../assets/scale-vert-marks-before-slider.png | Bin 990 -> 0 bytes .../scale-vert-marks-before-slider@2.png | Bin 1990 -> 0 bytes .../selectionmode-checkbox-checked-dark.png | Bin 514 -> 0 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 864 -> 0 bytes .../assets/selectionmode-checkbox-checked.png | Bin 510 -> 0 bytes .../selectionmode-checkbox-checked@2.png | Bin 854 -> 0 bytes .../selectionmode-checkbox-unchecked-dark.png | Bin 314 -> 0 bytes ...electionmode-checkbox-unchecked-dark@2.png | Bin 571 -> 0 bytes .../selectionmode-checkbox-unchecked.png | Bin 310 -> 0 bytes .../selectionmode-checkbox-unchecked@2.png | Bin 551 -> 0 bytes 69 files changed, 1091 deletions(-) delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/close.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/maximize.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/minimize.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg delete mode 120000 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg delete mode 120000 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg delete mode 120000 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg delete mode 120000 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/unmaximize.svg delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg deleted file mode 100644 index c3eedb0d3..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg deleted file mode 100644 index 96be359b2..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg deleted file mode 100644 index f016658de..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg deleted file mode 100644 index 1bc6987c7..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/close.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/close.svg deleted file mode 100644 index 06201c39d..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/close.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b5f..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/maximize.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/maximize.svg deleted file mode 100644 index 39316eba5..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/maximize.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/minimize.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/minimize.svg deleted file mode 100644 index f3683b9d7..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/minimize.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic.svg deleted file mode 100644 index d13b0295b..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg deleted file mode 100644 index ed8d87adb..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg deleted file mode 120000 index 79b7355c9..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg +++ /dev/null @@ -1 +0,0 @@ -checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg deleted file mode 120000 index b68859d48..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg +++ /dev/null @@ -1 +0,0 @@ -checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg deleted file mode 100644 index de0d7899f..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg deleted file mode 100644 index 7f0235f10..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg deleted file mode 100644 index 993f30828..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg deleted file mode 100644 index 740bc8b8a..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic.svg deleted file mode 100644 index 73a1dbe5f..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg deleted file mode 100644 index bec2ee43a..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg deleted file mode 100644 index 37d9c04b0..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg deleted file mode 100644 index 1bc5cb6ff..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg deleted file mode 100644 index caed76fa0..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg deleted file mode 100644 index 58aa5ffed..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index 0e477a9d8..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg deleted file mode 100644 index d0980e258..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg deleted file mode 100644 index 0fdb5302a..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg deleted file mode 100644 index 251e2f543..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg deleted file mode 120000 index 86dfcec08..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1 +0,0 @@ -small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg deleted file mode 120000 index bafb55887..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg +++ /dev/null @@ -1 +0,0 @@ -small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/unmaximize.svg b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/unmaximize.svg deleted file mode 100644 index 492d47a23..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scalable/unmaximize.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index b2487b9be98b399a34c1644ecac645bcaa860ebb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1058 zcmV+-1l{|IP)jXf#hW6Cp2Vx3JPIOsu^#o}!JD_+q6k{ligWol3lW-GqaOTy-5FIn9a=2n_u3%c{2oHP5+4$Xif^_ z+3~eGunLA78RLyp>%RMeuvNC`9s7I9Fka8i&Ab{J z`IsTiB^SO7lHLpQm)E|)-&8g`HUw3Vap8Di-VW5eyL@SRpL{Olxi3d~>l-Y+=3Rkod8>kAS@+St(TN+$`u{2S6Jg zVH#d4EN`GT$>TMsItKFqSgLsI=+QHsD7OBaVVWzUT3TTF!lg>hG@Q>v?CBFwNnJ0x zA*O$1cV#jIGf+(>m<7NCR^##bITjR^2+9LD=sRd-1W=pFw%wP3eVhe?DHevatWN8| zK_QeMu6+0ivyW_s;~+>^JTP~#y%RWKvckzEyB)(J(KsHMw}snSonD~J2yfoPo&e)E z2m$7fWhYXF6L(A_h@EBZs%<9}82L;v2a%K@D|K>`XMF+$30Aa}m>j_0Se=n{8f2x9 zjc_KwS*RUNje&vUq?nTp4oG>8<}zNQC1+?qgauppz0l9;huF&(m5D`AG{N#@nWc9i zxLpWiER*^4i|l}Y-o)$3#4I>b)~^^QHb+O_(+gzC;3vPxG|WCy&x0gfAd~}H*Cuxv zsYKVFie_iW=eKNapH)@$Jgc9k4lR=gtG%Q0EP|r4v3+BB=QWq38v7f{}>p&cj(=s-DfE#=Gs4h(RCBQPz!FvFq1 zi7B1wYoISm+q88$KxkaIL)r!sr-@_9(u)0+Zjco_^{ym42Y)jf*^0H6KK=i{yRrgM zrAn15RjO1ej0E!w=kb^@zsl;t|%o4ZxN&w1>RAlXZT@2H)F7!8FDOZHq1vy{O zCC@IwgxSJO$9CsFp5wQ$VuI#coD`BX*W%pIQ~VNEOp;t=%`1!)Sv$pfF3pb`=8P)4 z99$GAE)Jl0Pw5my=6LU$G_QpfiYTWj#kQ@OtYS5+kRbbF*j|HUUr+E#m@@^PqS#{J zF1NJYR^Qci=M#ZYXqh4_ZL%C#Mt6@%62w@;rfFUvCP^7aE}?7c;gOLmrv?TNpNDA) zOb}a3*IrBDlQ=JGSTR{lQUGkx)!N!szhp`Gt4c8ZIF0AKYhlQ; z42q&a0GEIQ!C=68&&cJpZ-@U*eL}@0;eS~=%$Da#UGqX%Az1YK_rqVFRNxg-M44w$B-|~F3yukb0cgnS=O?2=|l0hwvMkPSzg9OO-*I< zBFHU~a2TS|h$Rl|-G$V-mlKJD7;U<3u}fohP3RyL5W_iam?f+4k>_4(XlS9br1r_o z6pUY;w4%yubi;rtdLfWdC>X1Y)xXl*+&-8}{qd*mWA;>(z(s_)5#}uLC@P5Sm8)Oe zS`)qDeL{?Idi*M=ss?_8>8(<6p>QZ1SrC1peQ}pObZ+3_wLg0{CKD0HqN|{+)oa&p zjf59$$*L-hk52$01j+@bdX`=sOwVvQvf}1Nw@Jz5S-Ui6;pZ+%qQdN{$kI?*vEu1x zqtV)ruue@(WS~;0+H^!mqtO-3P4Nq<)bD4&qh3-}*sS40PtU`*+|5E3|zQ26=d>TB6G8y46rS#r=z__^$$PF|uXBGG?uDs_5z8)zU#pcvsv|CP2(S9p&0d<=RjNY zs3pr1Mdi&92w2;Uc!wnvU!y=2$pazOha^QB8yi$xlnF%`uP~PTmayL5)wk5t)P8Vv zA`<~l^gEYYvdF?4OWubxHiAL-ljvYo9v%iBaGqLIQ`2qe^7eH45*Au#YL*0V(MM(? zEmps3tm?z4b8r)>KIdr(|tyT~C&?_+nIuq+v0ztsG~xV&@c(cRY3Nt*;T5 z_XUa~_wn4%!sy~np;Ev$c`gFpF_D#E4+!4c5{WQG(h2F|*#U-y=+ORs;FjRwLsnb7=!UTaTs)W}I{CJwrTNs?CrCv2F(J8>43 zHI4E4K;qz!;AT7t{N(j6<6{$_(e)SzfG5rqX>Md;bY(NyuR%~0L-gq#hBP{wQX88( zHCdL|fdHjOn!Cut>5%^JnbUi)csid(eFLoMB`nIo8k|KdQ*e z>mZ0T(%i~IbfRrIb87Dia8c;mK~vAPUdLG`bGS%d)B=XP?RsAf}pGu$9~!d9;G6~vy=pzeA)^0yNxtA_$3SR zQdl09lIEu@#1CN=i!{GwA-+Wzqg>Jo$nsPa!*^kb-_nXimM{1%%=h#xS7b5D5n;Yb zD`#Xe%94`cgS2u-7NcCk5YMDlBC;6e6o$B#R*s>=T$EcFA}p=avXDv$%cE3jm8w}z zDk-ewNTa_RZ>F-gLj`J)P^C(hDph9l9}f6hVi5k; Q9smFU07*qoM6N<$f}`X$2><{9 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index 2edbfcb3a5ce956b994a2e839d2ab110d5679226..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1015 zcmV~a8+a|ltB)fD?W@aCW7wI2{N%ota@5g^;zu5#}U;l|Xs7)N< zvu3)cK^-P`a*uHzU-8`xr0Tt9x@KD+8XIIg2KTGM`On)YRPN12x8%&X1K zudC?ljt;*IHr=yw%zzSgASn{*?QRZrJmq+P7;LCmC`@kuOg`DzSX@D071(o+>6~CO zud#<3Q1kW;Tp08Dg3l4uQLrhV=X)EQd^egykwPZDwg7)Grz>c=~@2W&9We;|ApLHS67B(DT#PM?L&&cmgK zmCmGKe(nRrT|?+a_d_(nOsdnxs<3R02(mg2zEKh+rqdu8h4`oml8&-A4n{bh1t-$w+Dmw~zyrxvjvk zsKqazSHP|$uNU0pV1sFpAO$k0B-m9Vu}+&k0gM96T1r*bRAQ-ET3!OXipM`u5~!Hi zIGUV+0jJH9g7b6lA)QWxm2fSi71~0v7z4Lpx$Rtx5{Id&$x>n#6fUqd6_lMBpj3S< z=4+2EZ{=HCyN{rkz^eM7C<-hue}|r);8s;%Q`J~J{^kV>%<8FBmAo>J8A$_h z;xd42A4-FDeNO5!Vp+W?LN>c5qvIosUihw);%4U*CC`MyDyqdhi}BYpz;Fx8&X1AO zxp`{n%0rIhAJ7KjLmi6+rD^Kpg^$yZz``voOUDeQk}Gdp+q%(q&9 diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 21a409ccb509065541880bff471c05b74ce14445..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2055 zcmV+i2>ADjP)boJ?G5K?!*3)VYbuG?Cfv; z=bLlR4gh7!lqplDOqtvWP+DluM}`ukSi*z?w~@#NZZj1dSc{;u*1pz5)~s{=&Qz>Q z7%52mI-fjJf(+ThWX*Q%K89nqFg-!}7A?8tSaei*@&hXUK z)i5kePz9-LVdb>|CW$kmhUv*tCE0*TS4~YFlJwYqyTjQdh~m@0fSgVbFD}e~9gpAs zb8>P7%S+{0NRhd23QX_{%O#6Ulqw60T2tT9deCmOA0!jROEQ`K{?5$QXGmNK9>_{U zwmd`Xni0Zs$+D5__Rg-uMvKz2w6ys7(7?%0AyXJB&XA<>2+Jo+SsEHz10HYVH>l~g zfd$}tcPkQpbtP>{Vj-oeb&W}y1Z-%#4Oz0odC?&WewrL=Z)3 z>zdj}QC$lSgF$ymR$*D)ho+|XmTGs+cg1Oj`q(7fHoL9jr+7RX2Ln*==A)s9x)-KL**O4ZXpBUT71RvnP-0*88YtyaXi*x_f#(-X@4l-#7=EV^RRh z=1FUq91ALiJ`m^(*3{OW;z^g&<%BIyJ_Sup0dTwBXj!dnPb3l$jYeQ}>>7-XUW0f% z4(!PB$?)(K(dfhs`e6wk^v_6n4~0gU8ey`}W$)b7^Q9z7uK@#C&d!~?6;XvSG&BHb z&z@!$mrO2vGT8syN02EDF9rAhX__QC6{ARNZr<2ZS@p<=Xp;*lX>ad@y?ggTO-*gV z`}ll*=s^3Wl1aFEa|&odcg+py)Y9?0cjNaUyJ;2#t+0&lL}TOQyCj=^FHo|5`?Jv9 z-2*lo{p=FnCm39(ybgy$bUUL9yQjmYQG>GV&{r+ZrSJ6&Q6}CUn zqr5>?RdqX1f>YsgQI|Vioak6AY4v)8Y8S}Vgk`(|npUPx7fTa*82FgDTS9{<+3>|? zn%ZJX7zWMSh*SwHwClh^#|Fv^Ap&_arVfqBy9rhCFe6eZT=#Ka4$L0yF^yJ|EYI%8NRbDwySSXPV++sbNfSlt?T<2}1o@XoO{c z3oSz!C|Fpy2WAn8OjG^+%DHELo&sTMl2k(pl}IE4W)YvG8;ql?9RtSC!rCO|w45HK z*(p3h6-X-Z)DImpIr~ZlYthGRs*&%N!2#3i80{cjmH}UE(-W5QoR*wQodyaL3khXD z%V_X1Y3Ik1sYQJ5+UL#+g1LsFlcW-cIfo|yj7(WP9#bY1Y56Z6QH7b_Btd^_XJl}jng{yX~VwLL8-7(3uR z!h~3CD&emSRtSPfJt?K$*=VJ)%33D%#nqAXzW_&nlKbhM%2mE0R|QTPP>-%@rSZtZ z=}OGsJ3KQJngzymVOWK!2(z;j3m$K95zUV=%{>Fa;_>(@VrHZT>Xhe_j=h3@8q1DAW>1I9Ze33tNO7i--0XY3Bgo50XCF?!PY zW#Ohc{|ah~cObK~$^@^l`=Aqw)%pS#BvE<`7|}}Om4!*B7xxVho$3dULQi6Zu=^>C zPTvT5e8DiPXS;zBRT^IN%1X=0LxX?!{Ro_Oi-hT$lRU>!z8UY>)bqAYlD>i>f@Sqz z`t=xaJgJil!Om?aBiq_7N%CCyA(7&C+wEoo-U!kCsY6|1D>kY%VS z71M=b%$BB;EK@LBnCZ>as${8HkucMwS(z*qOPVB@AkFGzsaPcpW0{ zR&*WmVYM&}v$SH%!W2VT28Bv1R?X5hPByGU!3x<%i zJ>+&7Qtw{A)O#EZn$O~;6oipU>-YNCg+xJEmL{a%xqMNPg(<42Qbl>BedFdG2R3in laR4~}145ZHWy+Mv=7088iHFqq_5A<<002ovPDHLkV1ged$+!Rj diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index 2563480f531c6eb36a230e87e64a42160e9e8ecc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1037 zcmV+o1oHcdP)IL%>G(fsl9C2rZ$~!bL*b#ZoAHN&;7GOP<`QW@BRJmJ-^Ss=iGBH1Ng7M zL=+?^3UeM6#iEdcj@3LPJVz&7i-97sV^kDVEC$p`fY8Mn9XpEQ1Sr(jL`NZ~xR4qk z1i~aV8sg3g5@5m!Ezw0uDRE5f5*us!^78T>)zw!onM~6w^80^2?d|QpQ&)F$ zio0BexO+tBTZ({u)?5OQ&D&eK#{THL~2u0Y(m2xtHk51(Oh zaQH@6*7j?VgnT}4Q%OnT?F2ZiYc!C-P@e7Ye|aTYC?wQJS66=}tpC`=7iNQWAOqFd zc-LyTA84Z}Dh*Pg^z@9wIXRYReSJMXh`$J%#K?d##l^?2OU)nc{gw%~4+KZeSHK4zJOAp z`G*tB>TRUwq`>$w=O+CgY_VB4D3#me!^WlhmIDJIY!`+!Jt&pb9Fwa-1mm`n8C(J_ z2}-rsybBwT^)0zyl7=#}wicPdC3CH2P%4Kl2PD9zL1L+p1q+2jgSccNw}9?a;96$J zRyb(KFSLQca))NH;o(;u5_zaNeUvXuf;xBRxMbez^$tKXUl(Iz@7uX$qY8HeTBja7 z?%lBRi=nn<;=#k=a7TXr{tKY->wqn*`^ONKig%XOXk!m$kCvo5PK79!YqA!dI2?J-SnQ8D_3!Ez%hQC#?|#f700000NkvXX Hu0mjfK>^;v diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index 3e774621dff14a8db06fd6b6ca1e058ea396f489..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2079 zcmV+)2;ldLP)o1t#wt4iiJ70F{C&)9YR1mCu6d)>HcwS%uNbaH(?+Q z=2+%GWBWraRB%;mt@bmf?QB&LWwv43Sv4)DvCY@+x%S#O*IbtOy}Mi(`N47NrT5-@ zzdY~re%t}1NRc8%iWDiLql4r^T%Rx`8CnU`#d(Y*9Op4rF+yU|N$ka+r3j1m(Y{la zL`4`WNc=gLJW@g!W(o_7j*HJx9JPf>35vCei6$r3CO%J5)Dk8oNiVUd6&8}%i^VA} zO^qBTjw(_PZU&GR2O!;3iUoyY{H>ZarG-U{D6uF5aZE~(3nH#NC5wSpk?SPm#Q)gs^C`jO6~}#jE?37A0nA=;61Ol@&)JQWz;tkx0`6JF#Tp zW;%HA%f&8NUqepLyie4Wh2S;1x^8yhHSyX+J;?ki)f2}J>xtrFgIJcauCC$Tyu946 z)D|Ts6bg;pxpVvDZQI_ghlvOiHX+i;-j*6U!o&%lk1E_ZHnx10ot^V3Xvm{SL&r96 zUSA6nvivaJM8)GZDp;DNRHEm@zp1J1fY!1QtOM2srt3zI{g|63YYvN+yY#0|*T0dO znYAC11guMa{rMd*a~vo&4f{_FKu^@+!=XbpOV+Mk|Eo@?GeZ(FckbMZg$tiQ)7W@n z7@|*`sKn7)j@Aq@Z<)HgZ(h^u4Y`nn1cQOzl9CmbFpcb1;6G2Ghda+`G{B;TIY5iqY$*x^o;h4Dmk$^Ru(EPk zX=z!7UazwPB~4fVgu1gWTvPM|E!cd|U3Btg(8B$&)}1?d;V^?akI@Q?xQNY`xdSNa z>Ak~rvtqD}?(27fmN|1WUI!UTpGH_j;m41k$WKd4s{jfxXPvv?1f}?ci!>~g2CVbm zy?bpibH)-E%uTYeuy7Snf>FWJ45h&4$r7#Gx7%Nv{HXfWXzBtsTNZV6VZv4#EEC1i zke+VAADd}v#5|WY8jVyD7Vpr3g&xXW#tpLbi9c0M`cqx7!Jwz=9eb`TA6)`C;HAN2 zN-F|JSeqm#j&3+X+iYkUeE1k-pz1hms&H;4H4i9wzzsUp!ZYlp`v1wgGp)F?{AsKtVLnNb$bDsmXDBzZVXyAmAtFKhBCVgy@_ke{ zEinC1Hz5(mUub;XUk8-n4Q{Di4RXO~rIm&Fe50p8#)~PelW$&HTU*DeP>Anws90N8 z$low4crMHN*im(MUcnzZq3>1*=kSlLoX*}axJ9|ofdO30qFv8om4%FtkAG8ER&)p= z->;xT&eVtx=gv;o_u(*jfC1W@mm>?K>;C<}e*wm1FTk{jMx4t>Sw~0DM;1%^5nv>q zNRuNA@p_-Ww{Bgj11KM>iIFP|;iYwT-8^qF7&ZbUv82hBg|m{9lI3L(`J!;bRx3bs zLB0cUy9cUSnFMb|f(%Gua`1Y6T;3}F85EL*C?Sk2M=@z~i6RRiiG-15 zX)aAIS%{Lt$TBsPrlu@JPA?e?zUM42FLwBRzG_GiYRf{@h%mD3ghiSf2|gNXMHn)* zvY~dQNko<^s2O2o`Km=)q9RK`%?LvxW&=t`S|TG$KOLSxjs2yPfibk3i zktL9*2oqnAInoj_bcjWwg^|~!mZr5VL2HQ<~2=R$X4c3Rg=t zi!1>xg#l3qe(UVKZa16FC&@3z#{9e2tXYY&m|uiZl4KD!wZC?)&u%iAe!|awe`we0 z)yo}|-)kCK0?8nZgs%_xe87$m*Go!Xa1h^VDk?>a6e<1>{0r6JZd$iTccK6Q002ov JPDHLkV1myP!p;By diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index 95fb6c62d306996939ede13691e48d5aa19484ca..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1023 zcmVf?mho|&;RHDoO|v?fdBj@ za1b9HX*b6CsHGX zMTD5fL!@#9BIA!~u~n2rNyVb8B!*j3Wo2brZSAA`Mx&`j6m^+8otP0a3IsO2UhhY@ zdt+#7YGSad$+nETyq|fZ+uK`jhKC1VHZ(l@ zf=>4!Qaxtn2%*<%yc|HYHfUCH^?rbS9FKtJsyAY{d05ph2PoI8r za{6g%>dD6t2X42krL64Yix@d-)p%fw;kY<9_U>W4QW!kOz`&Rl4*uBK2j&nukdbO` zewAxB7j$wQmkbHOWJvgPvCF?Y#BqtrYR}{s3o)2``?e-mr>}`kO8DhNITzFj~4tM*;4++JBWB3|e zRT@=Q)whBEI+GRSj7H-%TCmr#%#@0j>sfSAV+O;qE5KO%tfvwLLCB=__n~Q0ihb<| zwO%yuiG}7IE&4O`WKK|uW8F>dml|7641n>vFeQtilr66hwB%rlp;yT_THqYo z5|nZw{S>u7JhtTfk~Niq{r$iKEojL~2c<~uXGrWTNNg3dVm_a5k`}a@^FkY`9OFM{~5^-p~dO4JsCDnDqA{lqNToVw_*TwAYr!KT@RMRfN`&12Oqa{*O z;(ousyQt`V4QTwj2vyDL{N5N0!cW=-Gyyp&yteR|z?epiqA%E)nfW^ggP~LEB2qaF zOA6!hco-N$>M=JI2@*Cd3gxe)1Hf{g_002ovPDHLkV1n;N&gcLD diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index 83c753f263a805522e5d27cf46dfa6d13d777acf..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2078 zcmV+(2;ujMP)!X1bopSpn@6@ib^$sq?)#Ah_OkvG1)|^#ipjFRsYyWYHLVPTazZ* zCbj9-G-=Ww1`>WWSgE22?7CAHTM_~*5>YRaryTi`9_s-niO|xGznPr!` zGyCm1=RRftk|arzBuSDa;n6{2A-|p=BpC4$ri=1Dl31G{B1$gGK)k0UOR0v16GU!);x)*Q)da1C z$x~1+O4`Wx^))p$)*U749f8XO7z47SL zpO>6YXHP@Jp?feXK@ueGbyKf(z)74IHB3pCB*_RwbZy$S$+~mr+plG3&)ZBSef=jW&mU$ZMTYAXm{2P$oGdb;Bv~jbbNBAOwOLu&wPXaTWq5e_ z$L8k7qk_1*FeA$cv*l@0*R&88PL`3}pFMkVuhydE^!NY$S#@>g5eOAViqj<0^uSIe zS-6=F9QbIl%hl78lQZvKp0W@;M|bzlE<7imo45|Lek%3EQNwzmeApnDWo&9{d41u+ z1t0SkB_|LF4Bxu-$DYlbUulNP2$MD`(#YPH8a2Y?1zwCQ+_$#2@6XQ8c@N^qz(D`e zs;adOFe%FmGbt(`uTjC0l1hbM4F7ZII`+j|7J}D+*8(%wMvncMQVOLOy?tuT8Ws5A|GA_kx*?C{~>!TS8wtJnUZ)9K8RK%}LmRp#dAHMX|? zJOtsVO;qA&Er&}(tXrllS8iU`>kSJa0rC5N*Go#4Rl{U0!%gZ0sB0N(4GWq6oIl^W zFHvP727|E}uMuXaBz0QS&Lw9}uIuZMEJ{z$coS4GJnn_>ul){=zQ3SvWK`UcG_wf` zvooPOKNqSN&xgFUr+}4=4C_vt&GwbuZtsUlX#tjYXbek|$T63xqvOi)IdkT00R|oj zVm@f?0;eD<8fpsjp{}fmS=`{@=ETr*c$Br*bNlB>$3b1BjbZAAxMVHtn4S3CUb#+#l zJ!6Rq=9FBzbm?-S1fzl_4VA$3{E{Ixw`{S!IQ5eI)M)wyR%;e@bTu)g(38LvAEx{f zQd2GXV>3;SnCFs4qme4Yq8&Q0fITM-!XSGQ@h8`!Kivfz40@{Gkw7Z0o^tBinO0m`Y8cara9)^z za9wc?xeG0OVDZQ19$_KR zX^oGMod*g~R!u=ZXbrBB~{RO6%z8Iu!_rJq{JyRunL$k^~-$ z=}ilER1U`l{E=h&Y=v};c+1M^y#ArEDEB@vfa_zlOUk^D_7Y5sXvDE%ly!AoeaB)+Jq(OQ6KQH> zA)}-Jys>6YsU0Y9tI1I-3=ySuci%i?Fc{VYBax)3m4&mCl9DB55c;5S%vLKvc0#cO zaJ%oxe*gdg07*qo IM6N<$f>=1*5&!@I diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index 8ce8004e7899966a88a29575fcbb06c43cdd6115..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1055 zcmV+)1mOFLP)7J z6G0rue>0m+wuxz~wAgB~B&pJ-qOJB+g!H6T@gR8dpx|HOMXO##y?GHl2_mQ{h=PK) zJ}`$$A0mB-Y1%aQL5r>FyV-{`o84wjb~n4(oTT3{%gn)u|*47U4-Cb4xWPW~P2~2hf4923-!XA$6CPxiLp)_q9q)pVc<(Uo0HnYBwnR7$v zrlu2(-d+ANun6^!;dC0f=T8BXT2Fr#f9;LOzb%kMQP(*b17nWkq6Yn@P%8N5nX`ud z{;JwbU=lS`FwD3v>UGkG+zd*USX~2|qisemq9*=LpE1&h8jQfKN(hGyjN>C$9{UoRPd~!RTW*Q~WySISX)(Q=io!rZ@k7Kbn56LM{ieLm_)J~z@t*sr0 zDg*mItgNmU&!`sU^H!vn)3edR!7o3^>6QXlAhW5YVHSviaRmHTVi3vzMbZSiMQkP@ z8!6G~+G4Lga!#9^935^9w=gaj+mR7?+ka>2^i}$O;9}r*PtUWvkc(8wVB1P0hGW5C z^NP>wZ6{nFo);{QV_6r0@}~uU<4SMui+c)G2C@;8oPx;)CMHG(yk76iKw!^qQnxS+ zCLQD_X1v6@#L(`t1TMH^C~!9f`CDtE=m~ z+#GibBiur!OI{oVG9^mll#t29#>V>ZPfsU)LoP~cq{Lzl?R->GSE>r=QVNFLTY?$| zQ7L?0DH(A0aJ?#Cuoi>FPl<7Lm>@J{zk0b|0KIWS_e*KHs0|!vK{>w Z`U}sgRuzFe)6oC`002ovPDHLkV1ipm-H8AI diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index b87e07916e3ee5764c89e49ed6ef996863ec43f9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2245 zcmV;$2s-zPP)m`=P-A@X!O$2@eDTFg^iMEeo_y1)ZxRzQ zL=z&!a4A6$0Ru=&xU^X)v$lB93k zA3}g$TDlTT8$Evl{>KqU^AeFIVOg88tiHKEj3l(FBJDUVFbg4!jjVZPQOeRfFXl#v z7F1f?!r0Le`ISX+Nwb+YV5yfn-rUq}dQd z#6>MkD8c*1HG0O!q}JP$YoLD%4uN>i#4*`cu1>j zVKqxMam%83Om0J!7M8GB61-oc?4Dr=3w2UTD6M}Otd0(lFO7gGb4+dnOA9KjR@U05 zpOlcY6#_tH6(4#S%=QkDaH~P3wJy)>zcMzQg^&nCm?NvZ`|(ayOK!z~wSXX079|X6 zGLkp7q}#TRk7x4`0tm#ZN%F~5ipa`vM4hfo^aaYMFO-50*sczIc(Lc2XDbKzJaHr-P{aCe4}AeeC9c@b)BmY z?v@)eneHV}8)d%X5mqygNvG3~11BW1h_tXEvP1@f#VsqygBFT1;RwU?E-qn2l+oP- zVPo9c!yRRctdVPHW%-sSob-_--3uI$(JcyyEFz7I@<0`9(kF#$Dq(c;CuqNrl?@&c zAo8$dN%~B`m(n~Htq^mU8?$vO2oQM=V;ja(3UnKAU@sNADSvS0Fu8o~HTUDUu4tF6 zD|nN>^QutU15SjOcMy^;@O)k>6d)?l_*JgY+qO-vJ(i?jZCsZ5UPIAUzMJA=dWP%c ziYy5)Ch`iat|MV{CxL??tETgzo*v-(yrQUH;qEKaM7yM<>l#;=R5)*n2gLa>WCfjI z{JuEfu%PLqgYJa&nxc6B`7i36GM)!+%a_nsNZYBl)gFMoMk}J_rla7Eg5H zl?pt%qXWl|?Pt>ompGB6Up;|om^+e*1W$dZ3#q^JMTHln4c;z}^Dfv{X$#)9Af^ao zg;_&GXSO60dY&iB2&8Lj{riNvC#j?Vy31*Us~(Q7R5FpDn8?xmRrB!u!ZVqw`SOF5 zd_Gsgi*YH0V;T1-=RdJ?)2HV=&dyA!#ZdrU0?u?v6=bd>J$#1r-l-~=L^5{#BkqIy9dWjuB zgZkG=p{T@p3z`=%DqPKF-_GSm{)VzJDvc}3c;BU}(FJAMDk&SEdhKIbRzAFz&*K~+ z{2gf|kgj-3OByV*_}T8=+djdEO1K!6LZn45j7lTIluA*beeU%=hGE>DFHAx`fg=m> zXnt|m&MoVpEQ<;giZGFBMK$R&C$+{#hkEg(u&}5p1@!{STbia8MlTP&0=35uA~4l~6fS$~2!Q1C-)NjE$1i&NL9zSz6>$4_B4sscwBA?)9{ zI@{slfrHDJWd`*`Vk7PrdemK%L>0+bB*Ej|!t~VSNB#ZVzk<1C2}PH4E)a+PAuugu z#H@~bUjxZIXmKOw)qvQ&TWK9pcM(dG-$E^^Cl2*p_)}WaQkN0|Q60FgtZ{ z=Ps*KJ$7MieRgg}OI6;+jjw*7>52Eq2Z^{6&TUiE(_k1Th(MN=G~Df~qHMcRD$exn z*|Y6)sLfYiiC#Fm0D=pnZMf%WH;C)$S(jO{a`pSFs=Y=lQhA1HVtI!1w`Ezg4dVzR zg$N?Ebp+-Yv$Rt3s7UZ!%2S z$*fzNdtY*G+4?rKrLb=pUd2mPpak!Q|3!I!uovcjx>OiB&PJi+QQU313vJs3Z;5O~ zg*pigJHp)Uve72pWP7up9@Tu80JXy0TXzYasD!!OmwXns4#h2u?%zyOB(l6NF6#5l zCD7|L6t6rsm!QZ*QQ{Kjb>P)C^ z6G0fp-`Uo-5TpgAl!TNI0}`+xiXMzfIce~y@gNB%{uN#n^=i}`7mX(qV&Y8$M}uD> zkw$?U6+wX_&=0VnAT90gIO9$V8zCTI-M*S86kVQq0~TckObyk)(}^G`!@ULzDill& zb#qU!2ylgfF`=MHaAv^_K|vAV%z&AK0*i1)!3u%`3vfoj3_-cwZg9C=kWQze7;t)E zIjGKa*AU0u2L@DcZyy8#9WXsT#e}P>X^g~{zfXWgFs`+=yYYa-@fag|fC1%pdnCu2 zn~yT#ID~=~p4w-L#M~M%b_fpWB5rX`m#ZIts?&qY_j%+#H!ZDO%9*Q8-4a=jaV;%p zk2svpM_>?2k)Cr1p^nm$(t%_$wgnW|XpTv4;Q~QQoC=i(_rS$Vm#OiC9^X}9xW)wI zZ1z5_U?9-Wgi=)P^}(sG)3g#nMt$ZzhGVEs8>|D2stFINc5<#A3UmzNmtQOB_t$|@ zReP&x75t#oF%3phDwPJK!ZVN+rq*B$C7CY~t?qa{3Pu%)%(HTvc1)VWg1~<=RZK(S zu=XM^0KXvDF|}MsaDvFc)e3~h-oyI(8t92!6An*m#sr=pf&x~4>7OKGOM_a$R5}HN zgHM=nBu1{G>CbwSfC)f>qpkeX*l%pCWWCi54IIZE+kF99(L>+?C5ug8D<@MV*&VB|gD4R{+ zn;d`n0P;>147Q_Kbau4zkblE&w{>AwCzuc!zD(xt_3*^VfDDy^oMWO@FeyPIKKs#b zbG>l7N-FRU-)7{8cr6@VO)OrSnI0RFp|V_Hkb9B*i34(T)Yi5(lzY5A4u|7B zLR=eu#*!w7APPURMGHKi8C_nSdbqN(^b7JXDNYG`1`U98$Jap^cV`MV0LfB>ithN3#2Y!MXcXjJ|o-Lf1!Vj W!C3STwaN?t0000cT{Mxe6&SCf_wx7QHU0O@R86MO?)%)Bl_-(@#D!iE%IO@ z3BklCrN)8^C;}4NQVNmMw1r-;Ev46hz3biWI&*i^&Mw<_XZGXHc)w(_+wFe-_CNob zojHI41qu{c6r@?^4KBzJ5L=$!a_~r?dR6nt@U2c}dtQ(a!q{jcvRXk=jv+v=R8+4T zhz$32LLNn2u7#;&ZQOjI6|a0v|0w}FR8jThU{;#;n4FMHVf4WzQZ{aSu@xb7RJ)S| z(xGL`v9xes7yOSSjOHaG3t?GDu&lQEc9xLTl9kp8IVKmv*vMK`79}ICb|@0Qol|K} z3u9YD$*3%fMw-H$(=nVB#wK`fSrm;l$8(xf!Yq+R$z}C)LYTHSG$o6oBTWGZBF=7M zLJ8g|n%2{i>S?DiTV+w4?sC{A%v5X0i<8pq5XOEi+b)aZR8F&6n4^)UMMqj*3sViz zI4z5!)48=&npMIaN$^IovwB(~%+gLNVaJYL5DbQ3aBu)bnWuAWTAEp5YFQii?naXP zB$$B6qQVGfrIiOlXGcf+#ZRKa3Sntk4Gp_$i#(5=#DA57AXFB`3TZCM)l%xOIypW* z5Csb`BTUsI215-$143&+5UnhV1=4(OkEaRG4}1d_U{+ZA`>?tB`6I~XdJ_bhPZq_j zG<>6>%H^w~BjLV_*-Z)vA}UN(6+K>Gn`l*BOcuqoGz43VA1iLVe?Jlf6Nm_7tD>tW z_|)4-LN9{=MrBdVNkcxb@9{W}va^thFrlu78DUaw?bfp5;^HqvqKj7+#f&uE-D$$s z+9oGQr$G>jbAMGg!tYrKg`?A^CNeJ)-QNG+gFD_n>QLn~KqS&CzPC(nU?zaRGP-49mr(!mz+`n+7n z;A*)u6ly2~b(9%~N0{p48b3UDn2^Zw`-S_pkKpzBV8?d;XkAiTNnW&2lnF-|?sswB zDT%HP8=Ams8u2-Kqs;B{kb7rk8I~rT^d*EEfdksQSq+J@#`T;pBGXVgn)FHGs#|q+ z!e32`vLeLyG9-}5%XTE`GxZ+%c@DHPcWDV!1V8}Wa~M*sBM1Tqfq>9M83K1kx%SWA zyZU(yB3dQ$3X;bJaikxXL4iS@-J{V-u!~4!glqroy*rZhg`+DHiGW?i<8iM26;Ol+ z6M2Qrjw8v6+zlKI4sit}7v0@_^S27fQ#zXs1%qgnM4%{K2CjA4H!00Mav?((^OvGo zE{LcwMNTETA}kh=l>Na85lup) zsG?$Zc};Nj75wiK5QL1C)zzTWB?)ul3`^tfxz9!yWTX|5(%Agmhi` zGB!GJec7_0gy$=tg*+gch=1O5?bl>k!KIy#5V_K5|XnLiGM!m?)v3Rm|vDqbP>!9H?#dRT1bmI z+j`d2tX)|i2!4mBKXxj5$ zQIYQ*un7`XxS!S5-FfCSQ0FVXL@yj&1S=*qw4Y2a&=H5DEmT&%{9U)(^BP!0R@Bkq zJ2$?%cQ1S&=H#%VER#jBY6j?$?@V}9T6$Y`bwjA6w0xV_Tl|J3NozrXl$^Yfm`R+9 zgm0d}qR8w@3iR`prLqWCPMPUR(~6UrrG(|Jc%r0io!8^rhFsD*grpk$wJ@9SNCe>t ziz!8suPZ5eD3P4$iG=@dpO_dSlE}kr#b|StrLyQlS_#{k)k@Q@Bh8XMUSXCL_6tL= z=!r6w;Pv1ej9MJ_#(7 zR6!KS&)vJfu+U6UH-Du)^uuaJg_ROE2@CxT^dT*XeC^$IjUFN>h=`UVC?rA>^dS`? z!jeG6T3wVf!brD=O#D^5>+0^_ZO(PCd!f0%?Irxeu*000b3Sus?##Uluq$n1z_@rH ze*b3={yLq9ualny7?cT&389#YiBBC2!+5Y@owTuFaMDJ=cqpImV+YH!?Ls5gNt-9> zTQ{8Ef!k1Kv$>7dAr_0>C@(*T%gTX{rPTwb2(=S%TESF98HLjVrWwizoLVs5PzPQWRF@lfOAQg;;O*P9w@W#QJ>*Dt$V&ZkOnO6M3e zI5<>dwOZShpjOvHeA%i8B^}!B_B+I9F(@QO4h#pHva@sA$%$SB3Q(ywc{t)L1AT(R z0W1sF)6-u<_SFSY38fYeeR{p#{d&OoY&jeU+)@Ljpu})5df!UgD=JPkflSt9!N`WE zX3IZ4D+?v)$IlfQdp|?9kvr8b6JK^IO+?ha<)8WrYBlpE0CX_(Nzj=whJY2)jNbwa zpjHbcYt+D7z8TO1CSe1+%?fH2+1Qjb>v}4I{9p#_YG3xz`OXa-m15y(j214_a^WhV|%ZQ*dRA9P$v{7kyL zyPwmHxW}3s&&k4}4f{yR=kp<$NwzOP)lZ4t-f^kA9Cv>RC{@&Et;07*qoM6N<$g8UJ~c>n+a diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index 5b9b111fb02650148b296792b2213727f3f12425..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2066 zcmV+t2<`WYP)Cx?=(y!J z8sV7HXgt=@(e1|jiIP%MEto{Cwzh7!*(@Bze>9uTN88%E+#nSzrJ|)$FayyBp|!Qk zZMB+fJgD1=CC{jNZMcmV#+67Di9ev=WT$@&zr$!ssQM z7Q+hN#X=~I(*QIu1n&w}jk9<_bOdB4z|Cnq1xvYD7%fHP6_QNT9jzc{1bDIzz{wmu z1miB&rRLw_MGdlP6gSb-Rv;O{U%7I1LtfsDA3+7ASnDgEi5E2t4f(gYT+jXtW8tYf zG zzFp|Z2Nndu=qxT?;qiLCBcK8nhmp1x3JT`eu!bV7bJRFZY-8TqwUuvy%Ap2}!^Xur zbm++JB}*24!Qw8~n^)sBK@f_UEnDJgYHA7sBeV{a3?rP*(rOlWsm)2~+}8G6KnrqN zdHKejpu%OWAsN4*xCFKnDCxP~r+TP>ID4@@UKcGUlerpH^p?yy?7)F9XPHc zfk*KhLH{KwzI=ko|gxFi6 zj!M_0Zx95!p~NkQ1f48@-lKaMMxzNmY+aH*5%-2XniB&YbC;a^5Bq@u&2yM!d0w=& z11R|W!2oE*$jB(w@rkxGeQv-Sl4%8P(kIYm92O@Ujoza<-j*1kdQtl1shb@os=0^L(&k5 zM5sb?)zfr0MZ-b|-NT4PM#5My;4qcLvaA+rCnN)^lQuv4e7NY`uc`5K*{=w;<#|U$g-N_b<)z?+lwAH(+Uzz5=X}x6UBr|d;1Nq#bT+Tr~|Hd z-GT3aXaOEnzu*!>eKFNJp-`x~v~=Z5;!iYq3nvO*f}0kWq(A;-1_uYJU50K@?OG!O z)j=y3qQBo)2P)Pm)d&_ne*Ab{G#aDsqS4JhziACqc%m?@ezBZM^jItwxPJXA&Rb_=-t?*=FX&F`xM#p;bl=Q) z9L*w#Z1 z!Ky0fM<8_<5>0c#uxR7GrC7`z9XEe6n@uYr4H0K0eXCb5Ujt)eVZoRj#xignPx{0~ zqh4>L8`&Px4AiF6ryI9}Gz>|hG)wyAIi$;QXqvp<^RL)W?)Jq;5> zk!fh5#$niH*lCfiTQ}GFeE)m`X##4CD3%uu z6GJiSQN0q(lW&kZY=US#Jw0!vBB!Bi-o1P89kC4uLFz2k?n0>jK1|VNsO;FW&D+pW zw-E49B-F!)4?f+uZ*Lj821s4S zT`UBz6(GrU36$Ly-?wMahehkwt#i$vZ{KCLT9yL?!C>&${{H@^!-qfr?&Qgnewdi6 zut;3RLhxKNQxZ)soIq>^Q9OG|N$H9O3kqCWSve~#7E__oXfDJRj&&N5!C)|Sb98j1 zFA(r|*VcY@wz07hiG*%mF3e;-A{VjnP4a|XNtTNy|80h+H$nbyUKYpu>35)r{x&QzG07*qoM6N<$g6BWX_W%F@ diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 5b1f920a2fe129413710c6fdf71dbee63f9f199b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 994 zcmV<810DQ{P)$3K~QuQ{X;4O!N?SR z%8)`qIJ2U-Uh+>0W#>hD=jGn*HNS0F7nub#4@Q1 z%dsuPS#?~2ayp&uv<{g}=3;gAPFz+IEG(@RFhi((z?lVOhO!H12Fx^+9XM7n%TQL~ zSiqQ|W)_mtv$${_N#l1U!8EiP}c))S%Azx=ZOGqVBEU*aWcZ#l#HI!JNCnWX3qf2v{l2X>|4* zuqyUFL9Lf#D`PQ%<@6j-g&r5MYGGN>Yc{p{S2~NLI7M^X;oAhP+8fwHt(Rk)${0#I zkp)3`Z)Px>j#iXW>&f*rEsv991yefalF8&Nn$wA06%f$5b`)VBEwEH-u^%j4NzzQZ zySpFL8gY-^BX^=69JXN}Ek&bI1k=1PIUQgpG4II8n_C411;;e{NoN|KRk8RF>2F-- zeSsn=t6D#jR4VnPu5QmcQv5|spussc#>>gG$qWq*UT$b;I?VHq^|X$-R9eeLQ#LF9 z#F$tF3mHRU)^N%m@;1;M2ozt3JSZNYJ0A)ixIv0(_>(PBYj7>$Ofu-)*cf`0NX%aW zo5C0b>ZS~o1&i-vE6Yi2IT)zn$G>1w>G>Q3_ZMsaBd&EVw|06szfjQR9PsX$;#&A8OLZG_9#=`eJ!#u%_C^ z)F^11Hew2iLEVO0FO9}p0(b+g&={*$AGFK0u)46jop0I0o*9PAIdf)qo9r(+nPqm) zW&iX4&SlO35GPKYI8$O#9b<-AX^^5FSFd(e0Qez4|Ap_U(?N&dTj}xFE`Xn%ROeJBubcdFCNXG`dXFFtak+SrV&QG=qcxZY?fe{w+iyJk1hJ zm{^2piDrgi^k`@iAr?U;S|EJdP|=JQ%rLPCW{;jm3TC)i1T#f5N-%oJmy8sPV3ue` zOe;(m3(=UT0T^Hi(FN+7XNiCs2@1fr=`_l+d$B>G(CbTI{EDE?0SpEvJf~?ixoMq zTeP&y%&ck<^jJu*!@`T{>lGG@^b&9~kyw%M^@%3$50tgEw7n0?L4dC;;Dg+yP$KtYQ)LI8BnIyroNXsv8>{y}${p!xYm9 zr?X%^kGpuqisWyHA8vF3E9kP4lJd=!zrV#Q{& zuLm8YC3hcIRkeS%&1NfQ$@pMkF!V!3@#*;{=zluQln2{fSy?#;I7dtt!4&hDl9IwQ zU<94@P!>%T1HNH6(8})C($d%QMsvB0+hGnz5|d!)t`nVqfoK|T-C=fFQc^OuookKB z-RWDcY!lVd(M>$)vJ;(mnDWS@B@R@kcKQ}cVw+0vbkNg<^=4SDHoV!Ubox}>TT)pv zJ{%YVqqybi1r7}F!xY=|vaPd$flf~k7{$O-AJg^WwsXC1z#Eb=1@>c{m@*Fw5eNkC zv0R^#k_1MvB%N(#7H+#Koj$j_mdu?EMv;RMB?#ReU8!%A#>^v}v z4NDd=T`vpPuW@=>X5bA;i{I~O3ds%6F9xGveRARV58t5v462Tk!Yf$N>m6cpSc=0g zJK;GH4Z15MC7CIY$K$yKoSPvmg3)&(SXWp76EK3iKq#Cjuq>WkrLL|nyxCkkNZh03 z{{4G;eLmkMmOSW$9VPi73M`A&UD)RB+qco(36pR z(%tQ;1s!{odISp`J$ke@5C}34(HNTO4xaGDJfD@X2$jJ~Fc|E+cI^u3zqnqBVwqQs zJaDdOo@EKXdG#~pEWXyxgawl^b5{8C`jujQXyiNXyOM{Vc zVsabHCWzu4ig1zw0qGB?v&bbsy>I{{DUJkKwJ39Rq??rlKEFS-%<=h0U%J870nXy_ z`+aYe!kf7{p*%eJ{ek{7XBxMjJ$t$v{|qPQ&}5yt6Nh0!u`#C5Wgqjp%q)6)dv=$V zIX?%byHGU41tX%NU}K@#+IsW6-EL#=SWG}(mE2#xeAz27Di#rp%V9jzim^_gsx;ts zH@MLD5MyAQPMvDl2+A;|g)*$ur}NM*BcW+?yU)Cpm6g2@Vu;(f|9pGn#zjp2FT94K#{lZbp)g9M7G*^kI7Xybr)2&{aJ>p6XSrUi|_h zH;q0DaTg-OVdO}=Y|Lqx69VJ=3to;0f+>DI*#WQ9kMh*;!DiiF-tR*RET5qqJHm;s11M1F_Hz zQ{P=87@ntHXwgXOGS!Kc?FVfUX-5eY3&6NtZ1pComZRw7WUn46_7XrTnEI$r!ZCW= zU+Wp#WQop0Pzy#rPbQKfVrezb=z1m+Q0p3kRzEh8K!yoLFiSA4I;Rp!O>l~%DMUlC riRz!OVCv6t;>3v)Cr+F=|404I` z6G0Tm-^_Nq8;!LPP0-XTMGmwY1TiW~O1$_hF={j+8vO_KZlY16_y_3CJ698pCpAU` zG2tR2qJl;&C}I;tr3KpVj~Qo|E?MYqJKK_YfNwJ0&GyaACvWDxeX{_oTGa{_0`Ee$ zt5biPZ(zHYJqfR^(Qv*Y+jS`vv9+=weH=D+AR*s;wY5!E;qcaTSw%ZQDeNSKh6y3Y z^keMj8_~6{Y&P3HJpAfw9?%mU;`kp~FszBYcC|->!3|dwRqM#+a!^W?(5`G|u5)Op zX9N~6b5RLU8p;6jvnI90PhOPeHC;1vncbSE0gn(ujiTs3QBxC1C6glqz^P(jI1eQn zQ0<4#TxBcOIXjn;z^f1h5ymHKHr1o#&o4bZU4$Y~LLN$v$4_5k`{){jf=YxC#ChSI zz^sjKE@3RzTE9M6eLt0+_3o((;GDoLZyEba-r2bSP9~FUcG^=^l0a+O1M1#=ptQw7 zX*~!e6q+C8*CbQ|=jJiPTT(Q-e|sQMbvHdTTL={hK;~=*=#e_}9(=xq=f*RwAqqlb z1dvPQmV$Hhn7QE_8d}cjgtjZHT40pvI6n{MCgx28uv|F2)D~=s)Gy12bBajef%V-xVITsZ6kh2}e;0L$EklWp7x zUc?L6+;Z%O8<;r`{5O$>JM3a%!cj`cF)lO_evE?`p;QXwhYtX=tD7h#x8J;ea?1^D zQQ1N$`7Q{BV0fG#j1#J}zwha7u&tI8m{mvVs;c&iqF6AHIM8oSxQtM@z`l;)o?y*V zN6G1*L!t2HxlDGk0gF^0%TF51Q%1gWl9Bo4$B(=~(NbU*9G;n(QfupC2Q^LKVitjR z1C}%m&*5|ms9!Q8&v=HDNf6)mgY^8FYho=0WdS&8p|Xg@_SA3MT=)FXbjmSxl%rBm z7C=!=PEMplp~!E^FCS496)F`E6c3o$acu0!h@Bd~0rQ+qQOX)p3o$ahC7GEQrm>Wp9fy3UrX@v^zaL(UnNN zpRxfh+wpCwZMg?t&*5CoCjvX9+b04j7id+hTJib^Fki*XF$BE@00000NkvXXu0mjf Da}Ur% diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index 8963bc42d571bf789234eb37e38f4ad516e7cb7b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2226 zcmV;j2u=5iP)&S1sjY-sQL6O0O8OV@QmLv` zUb%=U;*AGTBp`tY;vkX$x!@2xN+7nA5CVq8*S*ZnnZx-e8D~76S)Z9Xvo>gc($N{u z&d$#M{GIz*fP{pEgoK2IgoK1201_-8yq`^B1(AZ_c`aawgj)-nVi&2oM>TQqP&s}{?ZUXNq))wzSs~c%rA;$NA5h9 z*01kt&gF7D6-CXL%9Tz^X`YxSm?q8QjZ9)*W)3FV;gm_~5GBUZ$;oSjyn|z7!zd5M zRV%W>h$_r0s+@w9+eyx5^Ud8q?fIvgO7AI@%8kWhiGA;g-;2UH1$v-3H+$gx`42{6 zp*VmT#6=P2mgObNN{jHez;RqW04kBm{XSG$gyrz z^7#jIZEc;evij%V>6uwD3<7b&{t-i^LgDF=kwIs)0SJ_)KsdZ)*`id;`}_a!m%Ccl z?bj=n&Z+5HR*{(CCd-Pf-#qfieRY}oy;%Ha z=L)bK7}WU3(8+gS1;LF$&#UW6OPX_lAMSn-48OWd>FDfwU6P=2YHCJ&w;>`aDfQy!U;gfIaOc?pLQ3Nm=G8Hs z?`J*y=u>-H3)O*j7O6pN7zPh%&ao^vyl-%dvLXs@bswyv*qQAV&BRMWut zSudC!9Y9)Ifi^Z;=jCrFK%Slk<I>(%*-5=%4G-wiqU_y4UA2_T-T>YhC%)4cw})=x*R-}zSpqFlD28n)(vacwEhpH zYi4#1f`F3BPwWEo?l$iCn60fqy1GG{nFjghO$bYr){|G5XODj4rY(=B)7oRYUI9$J zRJLvd{h^21T|&$*vEoa5HnLtldk|Jk!{X6;^1W|~*Zn5{tV**k)9@T#R4kQ%7o+bN zRxykU-UG!)!POABXM#Q9X(c_UZdh^5DvI2T#gTVVZP!_%h(Vf-ue31T3QOEiT3Yk? zLXgQn{DRmbibSw9J0K8GX<>y)T1wlBFBpVBx_Dc|pu|)>J>jjxz?Dl%D)n>x!!Ya%LXB%gEEd0AFEFeiksXHUB06^4kBro43D{gyOOf>!$T5^*Sm zIq$@v$$Id$K!h{}l$Y;&;4x2WK?mPRs4wCyqm!jX5JBna`g3_?`Xk)4WB}YjAo?7-#8} zXKEu%ge(f=@25UKwBPHsrG$BH`mmBgjC0lla*hY(tKr9eya&HnX`j<47sy&9El4Zr6lUs%Zbev1;ae7v*j!nZ*@bF| zl6B_J#G>!~Sl9@oUtAnHgfD7Z8hFv(J8X#)NldbQ30mo!cDjE3^GRZoW2^%Us>)Z7 zVN01ldIUrfqby%(Je9sX**7)~LqCicsj3RRSkufWA~yMq^x%=2%R+c(TNi zTw1%X{TUWvS`mvHXJ--XGVErU_jClFb;TmB9eNwo^TQB@FtU&!Q`Czl5@%;`R64Rf zb!tleHTJB7%#GoSQ0n3ZYsiFi^-Dek6P5bxEM(p~2nu^|6nHCm&*unmopTYy+M$Da zTU*bX{O0>lu;a$>ZcYL>$s^GRvJ+w z%O>dbjxyE=gU!eBs;b_uhaQ zc2bKLHvdppu3Y%MzP|p=rslgIXI+ja{KZGy8|^5VgQY@Y*SWLrpMjXRokwlX{5IMx z_!Y>&!0vyiRCQ0WSZXYkN})Qp)xfA?ex5&l^3V$q^RGeTh%ooVViEnYp`qc8)lF-f z>N1&5b~3}eo>}$7EK%gY)01C4GkoqtoCb0K=14fAI!x{Xy6l(w`ucOt&1)Z&5z%vT(X=5cA0F)V0B}v0?m4pi@$8MbPg{#&J)- zSq`t2bg$>2RZ`7G*~B@9@!Z4${<1LlTcvUyd(}}j>a@fw%wCP*kXYLGOA$Fz{6nJracy zNI4T-p=CB^Wz!yT3OUQ|cFw$a+>LYZ&hErF?hC)2vGY6Ud^iuk^E(45siZwB1_~FW zDoO1n*+5kq9)#8x8!H>5Ds!PyDl-JhQ~0QXINA8>>Ux{q-Vopg{sgM>ArFr{d=z~w zrjlF1L?SUdH}~qZ47goODTbn+QDBe>UT=GY#pbxiaok0qkd%^wiH$!)v$JChkiE>h z;vhd11~MTNTiUuVm6uzCEX#HRr5J{369iL_%hj+Ji!Dskw$lS+WhendwYHzRE(qcf z8cBpg#ekJz*&bJQBNO}nX^f@`rvt^wP-b6S*A)bH1Bw*Gz$scd5}2~l(@W@fH#b&P zRNgf-Q$@h>`M@fxYObQ*_LCZmW)Y71kAcTi2M&i5%w{tzE=D07o<=qUI&e3Sbe@N) z$;Shb9a6F&a)qJr5|-809&U2D>RyvNw^%F?2=t=TN~(rLX|aFQf_B~{{(P>ASGXln3n=*fT0s_vbonp$Z(IaGb*NilpV07>tbED+DTU zfK}kwjg8fRPS?ScD0Ok?I^dug3T@9EhQlWhC5EuH^bID^?~fin&d4y(Lm9Fr5pZSiN3cxJRHmN$6*(sXu;AQ zEXN|_RR=ulDA)I+Wi2Q-LsxCK~#7F?VDR{ z6jd02|G90qNV{8TcNf}j+aQ$|wr#k?2#o>cZoo(+Q4^v;4L%z%@tqeFW7JnKp=o?F zK`tQ?iis40D3q4gws?uXU?^KI?p7#U+}-1xX}6u7p4rZsIWt|!e97TVr@J%D*Z*AR zKW714TwGjSTwGjST>b}eFn<`mH-bDu1n1xk{ESq!9`h>DZebkZSg+QCG{HjRlVwBWI ziB?cn2?neD!Qj)c36ivnsnslo>W zVSi|8?Yp8N9t4gn1{NR~LV#KyJ$%r51XYduMj;%IRF#%3JqjGZ3LF5*{aj*v{FVOxc6GD?Fq9^M zIY_cHq9k0eYS{F8QBg^YEUOY6LhciTlH}P_8mj6Zy*)6b`mF5k0rcdOr9_s}1V!l( z%p*yZe5bpk?I+3&V5#p0Xu1H=`qeUWb_}hh@wN%S;=zktNpG zH^1m9DEtue1dTL|WpOmZw4|69P zm;g)KyLTUymm6=%!C(k#YoCGmSPbspy9Z{mGI|;nMx4=y!*x4F$+I0O!BMqk%QlcB z6KL^zy-;7bQaQ%W)GUO7zz}l@%Qck{Dk|$fp&c35u6q_XZrlu3!TlYEp)^An5k{QV z%gwQRVR6X^KmqQvUfT1rsmLN>gS1RPrW}fz_KtVhn1E;{xo48nl zOCPv)<+~Q`X`@YY*25`6Kq<_6rojj-WFbhsb?wTT7SiwL5=Pqep_Ftg)e96@nT;ET zi7b?QyYuSV%=+dmj5f(xX%K|ce*pzoulx*l!a`PBPWyCrWXYN(jb@Zo3zHX`A5%qG zVj^K%l(CZ4HIrD>&5xOlFf=kUbOtCneflIM5);4@n`G%?G`%w`r~l|t{NG?`*?M^b zYj|aQVqyXwK761g0a;+9EL~|vSB#X8HcyS-5=p z5?Fy&7RG4CHB)CrS}KVK{3WIPc-uaIStXu&Bnt^)vWkQeu?S5UpQBWn<&ng6%=5BK}FDnJhDb*Im0&xl@+521_Oo_Sr{5&+O^5) zrM5`pro)oteGl>+v&~QqP1YgjR)MC~+uL}ar%qcth1JN)K%3slY=^`pHC2+hzB_vJ z0PO?0Q?QbSF}nj1la;z28@n^+FIjR=k~}*gk6q#}?+o{rm4$g;5Z6N< zz*-i@OoZj^_oC5(AM-()N){7Q8LTu(JrI`W^DpU>Bxy74q}KAy5yX<|$Gf|)ojVRT z?4)KbZ2CjV&GQdQEIi>|P_$Ei-t>V3AV{|-#>aQ}_WaNVHf=knUd$l8pS1rX>sufV zO`G2rMbAMiliOV2sFM90>FhZ38QA=75IZ7F`(aV^_P`~N^wjYJZ=nxoH{`-(zrduZ z)JJ2nk^OzWm(IiN?;J75YJ_R8qm8y%rMkMQYC(~|+2irN%5#FLFK6MVCqMX~`X_#? zbztC^zhP!>XiHS7VI@p`E#iYZWT%Iex~67zxNu={#3On(0MA7@zNo%A_Sj^ene40Z_9UOSgS z?eFzgsno}$KFSeU7(0cL?xPn~dJ(2R)<%+JlGHdQOz(b1?mw@B@*SuDfG#dBE-o%E eE-o%lCjSAqBozYJ^9)A-0000lL`H}&gPdj7bF2p+qzExld-5e8r02*NUqdj^ zz!qdGCHaT2LeZ(2LS-~<|8M8scE@#{bG`RYd~sj+aoEn;?|gR7xxe4WI-!r_<tj1E}|&4 zg`1rTuY^Kjx6kJr*x2~$vfJyIB7m~sR1*4CJPa~TZ|~!rni|`Eyq5+P#h4lq~YOLH#0L&JfbM-ILHvgFe`q)zo(+2=qc>oUeU=(q6AP{ zmuupI(U{%_aR{wmPg&XNE-7%7$oKsAX-7t0JL837h0bEf^z_G0`2V570>nyqt~4DT z-MMD7Ic_MqaJUYBwY12R$H(9I8w|%9aXy?`Uk!f8RH?25!+S@0~HOVCX?w3&f(1bq9{}xa6~X3jsw(alFs0qvFA#vl)_O2 zC~jHRYJ4F5w)GR_NGjaS%%_JWFjk5y0x>b1SLrnaDZp}WLZQ$at}`2j1UX7Qo&vY8 z*KtoONocO_;^O=+64;)yB@hU#;+$A5(!r!av0!^^&^ZPB%QDu1n zH{n4+31V4PYRuSZO7eLAe6Fpv-HjbU(`qQlv%tcaRq&x`k5h)(2+h|n$$?^GA#h+^ z@y1FfyC-vvMic72N-tMtMvJO3(q mMIeMEy&?dmKnW#u diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index 89178a455ae375048004fac12422f4e0a59533c9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2027 zcmV1_lNO1_lNO2LA(0FmouqHU~+B6%vO@!M{1ImSaW*>MhJf*p{oMaFT6q znqv}zUc#iJOp>qR5QZ__nFN zy*+EwrY&pJ($dOpHd}$!YAr`6FqZj;I6iA18_NF;pK@Avig_IA7W?Adb% z{*x2MuCFBjX@ALAWH<3CVpoCjnZg@kzO4po8#`?Z$G+l;i7|( zWJn@SykFJQXg(;{3~i{sa^>gmEEdarNKzy@4SyI=p)|tcMVIBwnG3s;Sr&p2X{vG> zO<$7ug333=qS>=^-vA8+g5xlB?N_+v9)-U~?||p7PuM?qPBvsZGN80%J`@$?K~`o4 zXkkJcV38&YQygg~g~#AY9&d`a^XCUYbT}N(g9<#}d(d;?Dh&Pjo1)_@$`-)Ny2mw( z)AGupRG2h(39_8dw-&UtY`q97_<@)7ZTBTUxXqn3s6czy8Y(H`L(T2PzQrV}PN_$OQ-KR>?>DCr-(q4{PJ=p2lt zNk@W-D2XuQ&<)=l3vD+0V?Y7QS*{C1zzQ9tiO5P*^I9Q@tFEqI3Y4ImQ_~EmJ10YF zVn85>($oqw<>k$z%3mnDls*k<(W!Y7QJTX*Qkzm!Q>h~C#_;c;C#<9m3=D0BIQcA| zFq6zaVLv|}PxWU1%kXW`8y3>|37JnXUAnea?(eioe^MfCSLn~te;^UCkd~5?^4aCf z*NM{94DYDwgQ4zEqF^D7pZ5ElA5ajR=Opojag_TXLQuyh_I{N_7;#MlKe>7rC_r7B zM1lI7sAwS+if*f{EIBOQue3=LI;R|+Fo(7dvr<^d3I;>3R#lZACjD(XVWdSLLJ0(d z*MWkf!aUF$7P9W&54J5|zEqswoPyFOIb|4Rd^||?VpUUJ3VOmqmd|&8dreI_E^CT3 znx`Z#Eb8@os3I&i#SX;<`a~HkS+%tlhhXY*gBUE+oJV#!fZredqp9hs*MNee!ns2C zC>)6ZD|C`23vJSmisjg`uRMW3fNJm%Jt@~TRRJq>lqD-oNz#`V@x;-wv9WJ}l4a!! zHQyuxjk+dU7Gk<4i6AX$5}K#qAGq1rxN3{pY)SzNiuosIrXw9jZjVwo&(stfYna41{KbE2Xju6&ZImHWQ|(a7Pi7zydHj?b|H23<{63#AAV|qbPZJ&#Rm&E^`gL`} zu~sY1SDuO%SqP<_Xz5cjW~z;!$nDTNH<<|3HbWd{O9ci8ub;NtZPdfoi9%~+iKuCk z`1WL-o15FSWJ%czYMQ3ru#$zK9oLGtkj{Gi_^FqQix(V#B!Zy8I*1 z`PU$7BTR%8X<@9ObpfHq#+vs|ojS3~@ArQZjdEUK1QInqKEAK7uX`~;7Sr4%qBX*# z=OL|9j4Au~A1JDgrug$ej*E_2!J^ zR+4T_Q0^x6IH%m&GSW;s>3eW-O2S2n=pjsc?sx*Ff0vu3!naBJDIu~DdI}?5M=q-5 zA`IV_MpD8g;Ur3!-1U@Pe?|o*JBj`eG%zqQFfcGMFfe#H`4@YXKvv}~>=N#bIov#MojWgQKLfqgC?Pv>!FBY!5&i~GWl!*w0Tsb%WIWdhFxYhc{r8VFHacz_jm9e=L$O$F z$nRh4Yi>UO8MeDQV7q%IC#MOC zp!7c9)E%?=KnG+Yyn21r)hB!8z#)n61^4O4$KQCeh2n(wV%O~K$8Pxl&=3LACEi!M zuCCsrR;x8@D5Y?u2f}LUvE@%rei$^F3R*}%{vD3OvxOy?34Djejh_(2pKEMZxNI-Q zRt8eaWLsX%J6ST2wT9A5k?36%vL6-4M3&VK^AQVWMD zQ2erLwd6p`ZFD7)3pY2nc$WsoNp(e#NlGdPT7c!@;_>(z>0vDn2};DB(8u_M+9XaW zo~yT_!rnsz+g7$jqtS1qL27IVVJD%uuu)ZYq8CKoB7q5YR6G<4z9S9PT5gw|NGX&k zmZhX6^i8FtQ0VVcQz*^@M_r)!AKNHvRlmX(AlU2icN=Kj!Kob(d?Rudor?gJNdA)CM6c$=;DRnE$!mq8Za7SI8{L&gp zjhD1Iwg|Q@hogRQV&cWw&CSi{AXD6BWOa45(_vu`=+M6L+$PD8zP_`yS}COReRx8oPX84A`nB;UJ-y=pqz5r a^ZEzUo^Ei&?>+1Q0000K_0vW zQXfnVF>N7%kWzZFP$>{WR3NdiN=?+&7U*{GQH)a4pIm!BoC8YAr?wFqivGXgbf0|)&m6S$_R8UN-tEAXSO<>`S0izRdS$c^Z7>V%F9=r zg$EY}W_3-CFgaP)@n-4jI^UR+^UxlcLPkgL?<_BW{0K0<7?>$vkJl}{UWu}-sUQn6 zb7uM{=gwVv1>$S1CTN9;?;)k4<=C0~GwKSSH%B7(V^_MUI_^rianFA?`q^98)11gk8Sfc2%oH_H&o>Z2FAViv~ znnv?1NxVVjQ*mBip5sl>z}-Ly+HU*|7w-H4*S*6qbZ=DHUzD2z`57~ys=x`Z{8`}4 zmRn4T zi_>z;p;VZ(b_ufF?zb1z)NDToDrn^;HTPYDdwg`!kk89Sc)f++@Y6TsGu{7yO zFcBpYMjX1~({ZlNW`7hY5Nj4IbdV+@D^1O9g&@x5;;Szu=nJYz!^w`xP?{JJ2%K`%?@SAJY~?9JcL{}}J4#9lk4pC|O-aJTDMuyDnUN03fQ76;AoS|;<%^Dz{x+E~(xMNc`TYT^ zBH_w+fZni>H8vKgD=l3j&Tqz{G$rGPL4v^m)s0n6aS`YV3t6M1V>`>rig8(S(rB)d zxUlHR$S_reWu)1llph4t16H!i%a~a8~FECV9_0;P?0TR}FV-SLo zD6m2&S+dX;{ixVlTfZ9i`~6gdhvMKLD|D14D@{q!mp1XhQLoo~3MfIt%)99aI^sa$ zlPwD|SxO>EOPYlA^!faQm6dC@na!p&pa7*Ninf8@ey2`PR12G*UI`l(6@V7h$U>-@ z1VPOvwvLY8Mu%h88=!)r@d3qF1;ai_)N_Re@ERXgXj=J2Md2-QRK}aE3%0j3ShQKFug;j^+y|uHm&z+l_ z_ZFl8tYsl+M_lnjDcg#Y=GfVDA43`6@LUe{~APXgo%(M zEsQlZRTQeMEPLVE$KHrzoC^rI(K%#=dU{haTM-f35)7mAXHNvFFA+1u3Y0b?C z=arN^wmK)r@uJ!vXQ9*!1cL47&v&*oG&G+^?gyF}MT^=Rv4;}h=Zeii# z;@sTqRaUFL*km$inaz+T{``;QqPI~W4o9y>A|Vey-rm*Uf41B0b`L|WB;8U_?n~-% zOu4mXq?vTm=im~wq>B>KLzwi~i3CdjE;mbsZz1lnP39lKmfOU|?WiU|?WiVDSIsAD@RoeDl4;j{pDw07*qoM6N<$f&!+s AApigX diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index 7173d40d1692d90a6d775eac57a8abf27290121b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1054 zcmV+(1mXLMP)t3 z6j2<??C$I(dT_rmoIPjGzFJ%R-8MMb?ZWyJKEZIRfC<1JtvDC^iyGt|n_BTCHFa_@S$UE?n>K&U&}f{IA4sL+?81u3DsAiAyTrql-5!9(X5R3l^&ib>k32a{wO zy-Bn$5?M@!{~#@p@f`c~vHhN+$oJ#+fU7GHR~a!_Wr;)=z52e;HJ~UyNDySTb4(c; z>|k&YAd7Iq@Q|*I=XrFe6p8+ZuA(vdtirK6MuFC15x~E`+76*GVR%k6+>$)=Q?JXn zJJI6otYt9Z`a1B_QxL>B#o|>wC>CH@-B{TRY_PB}bIa?UTZHIQC^?u}IN|dU&|f}K zELL^3vNG!Ns8+J}bOK#j(X|sr+_rf7;=}u{CJ1dux~Q-A5AmhOn7aDY7)EGTHgPuT zi?$T{@S{(Sjt+dqqO~xX6k9jxc`TXbQc-~|9~4=7I55!D0ST;S3M^Z2w){L0c=EWf z@8weslx~kq2`mCvw$0&2x7IR`m~F@0S75XGI4a%j?QMN#1}Y^mrUlQ`aB zIACqE`fQ@-i$e4A^8Ahd{;obO@$OJ4iZ8<-)7I^!~F8Z@l)p(}4yqt-lCz%4yT; Y52qxC?}D#BegFUf07*qoM6N<$f)E+vBLDyZ diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index d1a1f1a5136595437aff9406e54654c1fdc70412..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2219 zcmV;c2vqlpP)j?K5qr$ zxRn^e0&@61dK`0jJ|+hgSxImlHy+~oam1mMAd3f5sZ?)wcV_|$CCL_hqhO{t#2T|= zhFV+iZHmR_t|L;`0zxam1))#~B0?BAj1OjIaYypn)q}^6cMU>LklCh~Y@YB-SW(fV zqT)?08xf$5ZazwQQ~Q4|Gkq%**CT&ywP z^jdTC{PROYXU{|FfN&i!tb}P7R$IT0rO&NLnE#p_jX(uSXEL;$3Uzh$FWx@?E_89A z|B&JLd4`3sg06xp3!!Z=Lx^HFSGPqX%jeB)!-IpT57~UY;zhDJvSv`0hA4`_ahNm+ zQ6jB%cyRDcU;Zs){Z-K-S(UOhXru|G&lU~~%LSos*XZbQGXIvRRuV&bRJAM$Z3vRr zQ?yQNXlYsaIpl(aZhU^PAC@_$oCvFWSsJpO3#4#3d`rvicc8(Gr~k;mRd(0HZ5h^g zN--;0iXcGtp2Z-yw19N;93W*$J%-0d0j1Nx_xAz5Gz>VIbbW5x0Nm6Vqx$0jYg4pos}p zoa1X{CDP3hAjF53OibMPGL`!829!B4cOp#R&tfBsL`#}Pl~Yj#knhllBS8ZkDW;Ce zM_Ih7X^eDeyTM#oNol28$%2723t8f0%OJgC6?i4{=rYKXXmfmBF{|!*K1}{owv(5( z*a`DR7QIncWQcf~)N78eO**rRER%sc_jq&j9dyo&Vt-U6(IF|V^&%c9UmgEkmW zNoPcL-*#vF8Yqr300t3OwX!s5qd~#IvjmY z%6DW*u_R5i?c$3imJ!zR@bj}m7KL_rogn2S3}b$Y?y%Xio+YNjh^!6dTc3dkDkX~| z*E_5DWhED3)fF!azPFRY(UvM7qfmQu+JqXTj%lcETdB^kV;Fj)btPK?5o z0by!dLp6!w(y#*eqq%<_@Y+OlKmnfuYYGW$1 zoDEy7T1lnn*w3>@8h_!uqt9V3H*}U|i3&4IY5^!A&P>?UiHNi>vXb;Rc%Tx}xB+Lv zcrJIllAJvSj0fLSNggLiq*b#tb#l?+#3G-c9m!_Whr#8vjz+23imH}IEBnw9=jWu! zER?aa%e`Qo?PH6bu!8)nYLrIL!s=vQmpDyJpeZc9eQPoMK=Lq#2 zbNu<5Xl@aHaxz6b<(eq7lqg%=PEo_(SI(c9bL*l6#&|8137sjWQ_OPnZMivo7tmrT zbalFtMX9T;1)8LH<;uYOqoX5NVLCxYzX($Lw}W$-O2b#L0#8~uIyFP*>YYF<(P zbk!d#H@AX$mxDEQ#XBBrpyS5m@X*;;piq`Eao91;G7zgR(i-aPNJo{2)b(rcba(%D z6bdW)vZ9N^DxprLTBOl>izW+;naM5t_wU*c=3R)ghDNMYHfLN~U2Tn8$xlv9Zt3d! zb~8*zl`*=?nki+S6s$s}-F)kU-!bA=A;ziZmKP@%qQy`U!pYS2#IHZ z?0SylHzD@_fd`a?e}0pLNFdTsERg7i+vJ#*Ap7i(TiMhEK+?8bNm^2RP zKJr$K9FLK?D>VW!hY}pZG_|WYA_$30CUf%ArN4d{80a4duzl=rRzCh`buFVfWV4x} z*lfOuGTuZbF%ySOjvK#Y6kuHS@l}-mhs+elyar>Amf3GJTMkn!j{Cw)3e!_6DMTM( t8oox-Y{srW3kV1Z2nYxW2nYx;<9~5;uGSj{Uitt4002ovPDHLkV1hMu4CDX+ diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index cf27eb13515cbf9c86fdb0e4ae4c2a4de6f23cad..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 992 zcmV<610Vc}P)fre7r*mfzEwt?8vy*Sf$=}LFo-FA%+^q*{}bKPIh%$ze*fRakuq9UL; z5s(>U^H`!vs(Ii-Bmt4KM-C~02(ncAt_e^t*alEzASn8tp9+O}=qQGTt)YU9|z!Zc{Km=>@!)P;KlK|Dn{26T&H zNRmENV?98z0oPc%FehL>Fc}owfg(kc)QQUKy}ls3_@fvwL!l(m6n&DW%7&uRU<5Kd zRq^FTL3MQ>g{FheV71l)!!Y3SEP}%^gPyOdeFQ=HY@ZsvguebpPaIMkLd*xI3Ce6X z!{sYiq1IZbSRaXmVPN0|N+XK(iwpKcp^!h2hQqs6kk?a%LiP6cK~+_?T9c&pnwpxy z@offpj?b#!S#DWhV%?u0*c^yDapdk6-?O-zg{mh%EHd4I*JA~)p?g~M&s94*f! zMj+)T6whgjAt~UW|4_HP5v@;r*2-2q9tWp$HtDCZzfyz3KLEE?QYh%Vjl$A0WR61l z!L-8RX~F;)4)4}jECxQ`&!m;!4!?o5wKc`Dk+ohq=e`U=Dja2beXLvu#iWnv=sbtq z2x(Xl7ez6;yyQLW^?rAvY%C3y6&muM$MRWDuQ)FL$T>GY3OTH$3Cu`11ogx*^X{1p zDl10n0+ZlsY8yOgTH8^C(B=N|^l@D57J_=N1xgnf78{tiS6cQA(KKyA)@#?&hv&JM z;a^KP=Vr&=qwG3lrY~oxDdb*>`%o<{ry5KQ(?e4fx-Ahl1ey$rf+%>AAsk$S{}>9o z2K@eo6-c=QE)A2@Qu3D+B0U#g`K9-tU3k^{XPpjYa0UHEP*O=-R(}8*qL$Fs&JyAP O0000%wrjVsmW_35@6PwyoxNV~dcC`MT^H|@-0tqJck4d+ zzIX4v?>hho2L}fS2L}fShXnwF@}rpVB*HvV4#H58=SoR>=eFR2`2ndMBaL!7qRO$T z^Es-NS{PEtIW!o48eq7v={yl<~=_^DC;~z166ypWHM@S{lPfo^z0|S?Fd5$DOW3LoU^&g^* zS~WwfS3gke^)~KfSf(8i+6g8QMe#yvHgW9Eorw#BgIyuW2vXZbmCX`%3CpW`L{v@f z@&h=04&ag+pn)jHc|kZiG0q(dg}RA29swsv zfs%vV6%~t~t8Z9^xRD#3QXx=+hOnHjLRuC=M_`^|7FdJu8v&;M##Tr!#XIN1Hm2apjZZSqd7pm&dAt0eWvTHD+VFTeCE z`2Buxxr&=*^7)p*1{{e~QW%E`;pGPdS91162G|_xawQhc@17BVCvIr!~jKCmvz3fykt(SYPS|OITA7Awa zSfEt02u2%zgkTA%i_%3Y3_Y~v>5hdYi{SMdO%UFRH8Sjy;RLmq2P%2d0u?eVhm$k`Cp?MO>=c4->nu{Ip=C z_4WR3=<|Ze6JctLS^!LRT>rZfmiASO=idYiltNl>pD|$~FG#(7!-H?l2%Fo40FJbB zmPY2tjLwhE%-$t4ucor#dUN_^EiHi?do%Z(j8DkNk;>IR1u1$?pBw29)ce+i@o2vt zOd`!+8SR;CaqjFHxG`|U&^3Y}T;$#?ED>!l1NOw zHyRE1KvtNcIenv3)YPPL90yHJO-0S+%OTb9)Ttlf(xr=FhTCJq@8TTgZBQ4ci;*-N zRcYhnW6+16ZbTTF(<%niz@Iqror$UG45`%Y@xI=R-$14slFd+b5iF(IHncw8;bK|K zX*M!=CRKFp+WXSSKA$gL9*a%jNQ^-E=3rVDNx4}eG7{Q0G<0ncvKb>uoGocK<#kl0 z*$qyyeKeP1lk$Aqynnd({2Pj6bf89{Tk#x8I__e4UP23S@KPzpJo?$+!!C_ z!Y_b&H=^jaOM==8#BzS=iE`y?sFL) z8qr>|SvJy$tU&jfLy(OsWptUEDW$zAI1Q0j=kx!DlMTC&ZA;D7A#GMNIsHyBaP~0d zi;`DG0E5v*Fx#!ryQj45e2u57>Nrl-ZG;jah(gbJ^w$1xI5-ITlBg^@w@a9`&-B$E z+}pvju7fE3J`sILRPp@mr-80?6_l^bmsda2?Uo!ngvsxn^OA$R(t{Jj>?^dyVNo$G z>a&qs*AGV`;R#TG`$Im317JZG!A@cF`%4Qx$U8?%@9{2c$D@ON2r)as1bB-1LMq9h zjB?kHaa@RqD)e%er8Y~6-NNL5L;3n2vuf4-HTQTM+gvPz9}cJm|B7T}z4$mCfubmc z(|bJb#+JfKK8f3?!S9EM2Vzk8wZ8@V`k&U{Qi?-hY@LHxV6#n>@}DRrYT}Sex$+vN z0A<$4R#EaVGG8dyH6TT~+ILe+hZ#zfS!F(j$Nb?60#mPBm+XR-b|VoV6tEbK>hvwMfLSf_XvVeW@Tl`1p;9i zU4f!VBS}(5r*rp%UaueT=y1Ai<<4u(HVE{Qh;|-JaTHJ@y1(1XSfq>m=-G0^5()=1_yLS^bo)?I0PIM6r;Sn zyyoI!$+%WKV~5C2#ddxqDBZjPR@Z-n*NCuH(EoQA}F$ukXty>@vs346{w0@cJ zVCX12$I3Dzb}*fZ{8*H2AgTC(XQPqP!mlxfqOyl1$>&@x6y)c?{X4fH|7;El8%$Fiv*?;g3{0;OK939WH6LpC?&hF{2jmND?BS)}81``o6RQKals|Lc1?pECQ*d z2+o&E(G*q%^EmD8?T$7z)pwvI?fJ1sQoOK-H(WA8(XB(H8Ex(DRjs3}2O_aqOy_W% za2Cs7Rcq@Fbr_0?$pW~J6De(Qm_RXR3fZ0VQ4nr!PX9n85_buOp^FD!(bH!(o1eC| zDc?eLXiah1@b&z`-P+Kgcw;gdZ=xML%+n5BF4xHP^rR9&4MFtuQSt0jxmVIQghn$_ zUQ!}eip6Kz2|`#JxxV>LJ|DT{bUMF`jSat3tJOOYnlgVF2D_$kour~JzK00000NkvXXu0mjfa{JIt diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index fbbaf2e41542cf1b70dbe9f3f6fd6110ea0bf92f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1977 zcmV;q2S)gbP))fPmI$2w_Nz|Dpxy1Los?Fsllet2t(=9g`426EbpV8^`%kT|8A3KhA4wm&f-0s;Sr_=Gs)t3DmA$bqEiG*yI?niV_5uI>;P$3jRJ|Cm~|DIsiu ztgBZC_nXb8BS1-%5LAsFDB`}VtX%gIgk-T0S)6QW3k$1$9UT{*U$SIrqh7DCfCPYY zo~^z8#~nwH)^XA1g@pp+iZq(S!en)K_f=Ue8RtNus1gHL)3LGJ`)g{pc0x!R3zVeM z62_GiX#IM72W!*QO^uL5W@hexf~x4p5E8~07jyO0LHvYu71SULlbxM&sH^MpVRUGO zx&9{J^z$3n|C3F;!om`~T4ZtL=05WQ%A;>XxG)`rgvl1ChuBeFH6)RlnOT~fo7>*q zeaSh0DJiXFO332ydOgF%#RZ#SE|1~O1EHM8?{Y*WmMWQ2vM^{=QE>5M&mjoqFk#gc z4){fp8)5vMrK2UwHS30f!GBuFdOBvQf@k%c!}VDWaxLs|Ej&F0r@ zYHINKRtF1PN`MH`#Dr1LS+r$gaHH{4=M|94o;`a>Q3gOE!c;4ZW6U-g5GMzVC9?ox zsE!ztuwVgdm&MVG8WB09rJ0t1^yG^uq7ioO+Hgw9!i+@*l919~YY5|BKjwCEt5R!KK@#DwuK^!DP+DkHpxm^Db z1LeVYaFK`ATGXs&Y4{mgmgQ+#_uRR22al%|nPyY9G_%Qw$}9r8^!N915k^|=BS|!! zwczux-rfP!`%hO*?|(~m30O<=W!;1F*KkS6%FPgZMD2!!6C$ESI|-t?NW*2wm4%s@ zu;ETQ7geMsQIbR>jNh72llIn*O0Zgx5} zY97)Q8?{za>b{ha=Jk3eii-=@LXwsW00@?R(`X2kf@OWq*47_(LMWQ}RWNE%9I-~2 zung5k+O1nRckkT!=6MK3m)OF(sGuc`+p9|2y?b{*-LRpQ%UdK_Nr^CiIjWI1FRLEJ zmuzx9`h+jp2{IcEu>RV7Jf@*0D_T9fIiBlvwHPyifN4<0za zsHm{wD#%}#&#!)}e6c}TcGyb}ix)pzYcv|)p(PGQufyrIf7#S@>QqxxlO4!!fAAmS z0K_2+qogo?`N37o4Gj(1R%_XI6mh%ac{vM>3p>xA{ida{u@Q@sdO0huoFznQVf^pl zM_gdlOnrTQmepESfo9k%4F+Q&!{{tJ9azvl5P|cr|Dm2bJIJ!0@kfsy4z;#^fBxjj zlMax6?Jp%?{}cNzp*TijBjK0W6cZ)<6N!W*jv-tZ-Xjzsob^#u6#s`L3*ov3;TkQ{ zZzD~I`9-cPLNbN%iL@w$A7LDdMp7yxmCrOZG&D3cG&D3cG)O!FCcVbEVC~i300000 LNkvXXu0mjfypE~_ diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index 4f9776eaff8223af89fad19ff5f08f373084928a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 990 zcmV<410np0P)-w(X!GPjRF%jr4$+i17GDopixBhLVQt#Z^D`RA}HT3-x*|9C=3)$ z!Eic)5JMS)V+1LRBUjBIbHCi~UFTl!b$9OE?e02#X_Cd^V(@NF=i9cK>~2Fx0+9#UKZm5Kamh3pG2t z@B++UYS{^lzVZij=Tacv1WA}B^VIl0e9M!q(ptQsX1N+gI(4hcsD#Y>~n z)aK=Bhpkr2CPYsvcJKp1eVBK^#G(@%|JK1148e^;Ei~vZqf{(v69@#pS65$eKv_TR zE^Bx{ASoAW)#HVSLz6J%SOO=??@+s2g~?l%R$&m;8;Z}v8TE-cThwon%jN8`+wDGx z?z0#$LOzs*oh30jxi(wD5ccoQ%}*aOj3Bbl2)R(qz{$k4=|fA6Q&yJd76*lk8nH7r zH)n587Zk4<=O1jnN~J1-XjqGzF(sd|*&OW(g~AAFgkto=>B82dPaBnarj8H<#cU+oBo!<~>u zxW>{e*!o~FxB$^B5hMa*;VLSwr45d0Bj#u~Hr!(n>%$WIG4?-52OQrZns-zbAMfDr|~B$1|WJjiyIt{63*rNZLF)iZQ`K#J6Qxba5AM04s%hATSDQW zQpCc|%-HU$RO&W@*nN0N6|;P6YirNz>-BvQd$p#;Y@~XA_Ow=2mAzY8S-yi#Y_CK+ z@cDe7$HzzY2k^Ovp zgl%7#t)B#%E_``r`tV0=yEy#zIE%?z_DY8 z@P57|ugF>`nCc&*4Jpl-y1Kd*g@t7YOeXVQB&Zmo!0mQ-&CEP%?(6IAs;>TY6rKqp zEk44c2(^SQNj)s8sOas(Nl8hE(dXqr0k7BVnwy)uX0!cSTT^o!i(?@ui@!}R+SCxX zMAnTP14ojREhm7IC?P0~ohagd*uH(+7Z8-iLU?hqp)D*V{o33ASeuixs@`ZcmOu1hDvgbWq5APbX`vEsPRcD)*H zn&H`a6EDWag&Y6LMyarn4qhv=I5IP{K12QJ2M{XE06}50#Tg-bG?#`X($dljGcz;W zIy?VzE$)iTRWc!DaV#u&hVt^PJK;-;n^e7j>u z5guxIcng21;SJYDq@6zX$m+N^303VK(Ce52HyieM`oYoHX1@nn%aUPzRtCr=B_+jr z|Ndmt?c2BKAj%u_NQCjnSyW^-4GhEQwi^+P;)BnzjZFG~(iW7aa$p$7vVQ&RQ%y~c z{XiBLR$91DpZYlKeD4s{cJ+f&&f`?JkAPe()5sNU*%figMJ^s{|OI6h&Qj`Hi5Mfd&scBgp zILcfRTw(d7r>9vVigd(~gasPVx-5=M19n-*CnZ^OK)U!MifDxO^b940EKCm?n#dtJ zImOERNGj`zLKKE%eQ2?me*^`@N*2a3`&icTXn2tZGDUF+>yk`=|8S+z2niz#BUczI z>7_xG5F(5P=qKp1f(VS$E_w4a_n zefkk7AQsZf*RGUx{M_7=A)tKo9hl@%Q1E7>mZjlmWZ5#Gk2xHUe?X-&o2I4Vr?Jtr z+27yCMVRcH???t~f#+e}-8a$bKSkl_f6zZpqd|4yCfNVRI$7tS{%a^df5R>aKB9KR z(t?O6krqKT7iqW+xw0@56XSSL&P5ezN|Yp#2;*N(s7b5aT_n5j!QeDJUAEQVMl^JH zU%w9G^T@&yO%a4zdg5CeIZsY;2ah8wJIW%6%jLRKRFr=df&~z+PDz@iLPU-*{_)hL zVX(L!^jym}G69pWC;nmwCOdT*Dt0XQm)I)Sz2c89B{VnxyzT7S(<87{m?~v9;dxZ0 zsm;TOQ{R-Azs1ewA(hyuT_vT?O9*KT3!aI*JnL47(^LTf!IW zj3#~xMl6aW+6WW2q1i~gbH{#g-@f;*LNL0-Ce}p+En(bRQ_`lVAAVg{R><{RBw2BZ zFn&9lk+vwS7R0A)awGbfPub*uX`oMYI%jrzz1~rXF}TkfAD=jiWZ^03QfUYvQx=An zFz(9(7lPvAt+w&;F(l1*6JmtNvoP4+-detAPx&PX9cxA1X9=N|lB70y7lXb^i)Gmf z{5}z=0FJ8JS?6~pB?UMI`SbGm>8HsT8-#6#yyWoWi!W80&F1~I#G&YQx?D5gH#A(h z(9qC;Zx2XsfAAmS04R`!QBxSd{lKi{y1KfIf`X#GDB=z%c{vN+7hb!3`C@Z@eLWT> z^>UV?K1+z&!ua38k2wEav)bC)9>)}VLp-lst`|Me8No%;YS#Us*#k)NcCqrIyyQ!IyyQ!Iyxl& Y2W|h*EwZiEYXATM07*qoM6N<$f+;w-asU7T diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index a03aed5874ac7336fe158517fcd33b93287a0200..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 514 zcmV+d0{#7oP)jU}1zc0Rn>E(P!bh zYqRybUhhTpuddB4{pH%UT>+}pBI1TWxY%S~Z4eFH0IUI~BM^`&Js9=3pXa-hxLYf* zWFeun!;v1}OKaYt130Yle->xOK*FF0&cxb$=BUMPi8)RfFPk_i$iHY_R@&>#BYBF_%OmyobG@X#Tz!RVh3|$Zz5G;sx zfR+?;hksVBw9eT{{kI*T{r^f;+jElkK5`w$ZI4KjB&oTnWjAIos8IsjRL%h7sW+v44?}yii6k)z%)E=wFg`U z@6q;7@U}}?sx@HIc&N63W#FM&0+xk`Y6n;*9;y{!*?6cnfa}0RwE$cf9`YV=op{J= zz;)vxZvm@-hr9%=3Lf$fuu6EyE5NGZplnCf5?K&^!b9w5;XDz2!$Y~82j+q3BOc1_l?VsXS3H#KOSvqFKI5U>Ukl#_(RVy_ zj|vErMoE8f5+Oz(r#()U@lYXvXcfd|_pdr0D)e$zRs>)0P~q1D?~36Q9xCO6>Z&Nd z;i1y5NH4?j5f7DmNk0k6S3Feu??mEQKI5UnPGi!FPI0gvhR=9tEr4i_=y&q3Ud#lL znE)~qKxP8SOaPe)ATt->grtPjI6krnXzVdb&a5@d0TtO1NzSyjgN3p9K)61hu|tw# z*`aGaRp*n)l-m7pAyz327E^QCcWrY5PI}$*E3?s+JrUVq()y`rm1U4SMpK`x-cqVD qYYR>c&5m0}jp9pwN|Gc=^Zo-_m@1bxD`c1e00007+?-D=_sP-Ap%`UZ4&(RaWb0K6X- zdJxM2$2|;uC!p8dCzJp^qBglYnY}BoPaSv4j_$L)9_cQkXNrOwy7#`5L!AuHaX*Z} zviTGS2MN+i4?FH1na5FVz^}N-;XW9WE&W|$aSqv8`b*jhOlyI%83hh^cZ6e%0jKAu z^mKVfwXHEWz~RP^ucQ-)3eVuy`dYd@Dsd*8 z#tDHQn_$9CP=r*069UU3RpCkjMM#x6)Ga#@NR+%D0fo1a{zgw34pq7j=Fg;R9IAYy z&Lfd39IEvs;gKqFsPr|M&s)4`7QJjXk<_zTH4e3ZJ7wd6K3Uij7||!$QW(7?n;bA0 zlO1P~8N%yiX9>iLCRR4F3~MHz%{}8+SKFHC7iu`eYK4layrN Aj{pDw diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index cf8f17c4fb045d5cd6f362d504078d069f9cb1c1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 854 zcmV-c1F8IpP)?CyLHu znllQQQ#uY7MI-Y8$H9R9`4ft~F}Yk6&FFeKrCIRH^syNbcz^wQ{P6?Q=zNdthX*D^ z-#8w7p5m<(Tl|5E;gigk!(d2$?8keRc9gPj{>BPRiew{OyqH?L{( ze2=&}2ME0R_$3YR3@CWE$3}Dta1}3!i|7oX2``C*=mcO9Uefyiu9@pR;3jy}FQ*iI zKBY2s8n9|S)LFnf@K7fK>%v2w1FRDdbqcU3vYuc9S>cj3IZa^`@Knmn7q%c?RcmX zK(q;BQ4;V_rH`}L9nN`4!9$fl58M_}5+17Mf$FA+((q7iPo&o&O2k980irxasd%VX zK$J$5jE5?_j43L)#KG@sCF7w+0MP}a@M=GVyOshnQ$S`4$V>s5DIhZiWR?YtXhB*| zSeWr@hPAW8Po(AKZ2%bhA4xNZB|%g5GK0R)7xeJyt@zy|(pEd7ca!(&jpma`e;JsL zcXz`QpfJhSGmigy@|zw%`9Mp5hjdRoqJH>lyG3YM!;+v_)$)8{Mn~2b#FYq6rZ^v@ gmi*K-P17#>50njnUZ7+i8~^|S07*qoM6N<$f&oWy^#A|> diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index 57f6ed7a5c5d4c566b0c462e32178e874bcd2121..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 314 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEoCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{&`Oq$B+ufw>LHl9x~u*efYeE(TGWThOS0r zBX5F`TSDuFz)g&jjeg?$PhKoKeMLoms`c6OK=p>3T%Wyre&_Dx3>S3ydnw_e z$YnmybFt<1XYZ-SgtkAI+A#lD`J`C4u%DrY;_N#%s=W~Typ%z-ykT<58pHY8Ki2qM z(%#^*z?5mNU`DS)HcOQ91*yhs99!Iwgl02WTdZMVeepo0@y@48CN;}L2jj22&C};x xUZa1YaIs~c+1DFMt@{j4IJaf)KK1V+dyTe5MwG{TRiM`xJYD@<);T3K0Ra6cbBX`} diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index f686cb9c8735d9de70baaa178080828817b77a8e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 571 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)oCO|{#S9E$svykh8Km+7D9BhG zPs3QhaNse){Vx zrpyiBK85nj$j+VH@Aw6AEg+)X#z{Nq3 z(RDx=-HeNQc|5-wR-BE@VxG_ADfjqQ!@``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{%KDa$B+ufw>LHl9#RlF_R+ndp(i0*+^mq* z{DP;>na?kAW&u;?dj`TMTr(eJy3>>>Y~-*pNcTf=|(%Z;dP{X**_S5M!6 z`J&dsa(neN>CeLES2=$hRlkqzd-G}S*4dk{^n3q$Dt>?0`MvL!$~xaGxwP!lZp1_VyCxq$YIm>-U%{Na#0mWuLv~Becs8ktTT<{-qGzc lOPih+=B-S$Wm3DseTK#S%)gv|Eugm;JYD@<);T3K0RZ6Qb$tK; diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index e3f1f758612c7e959700f2aedb09741cf0b0ff5d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 551 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)oCO|{#S9E$svykh8Km+7D9BhG zh$~O6lQ~H+Q z6$(4-c3o-d`OFe=wl%9hr%D$dQpr=-Us_S0^;|xC!t=#%!@T#G*iX6JRC%$kFh1zi g`McU@85kDoM}-x?{A*Y;85pk&p00i_>zopr0DYUo-T(jq From a599effe2ed6534bf375efea1ea7a872309778fb Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:46:51 +0600 Subject: [PATCH 11/17] Update colors.css --- dotfiles/.config/gtk-4.0/colors.css | 68 +++++++++++++++++++---------- 1 file changed, 46 insertions(+), 22 deletions(-) diff --git a/dotfiles/.config/gtk-4.0/colors.css b/dotfiles/.config/gtk-4.0/colors.css index f8811dc70..e900c6198 100644 --- a/dotfiles/.config/gtk-4.0/colors.css +++ b/dotfiles/.config/gtk-4.0/colors.css @@ -1,22 +1,46 @@ -/* -* GTK Colors -* Generated with Matugen -*/ - -@define-color accent_color #ffb59d; -@define-color accent_fg_color #390c00; -@define-color accent_bg_color #ffb59d; -@define-color window_bg_color #1a110f; -@define-color window_fg_color #f1dfda; -@define-color headerbar_bg_color #1a110f; -@define-color headerbar_fg_color #f1dfda; -@define-color popover_bg_color #1a110f; -@define-color popover_fg_color #f1dfda; -@define-color view_bg_color #1a110f; -@define-color view_fg_color #f1dfda; -@define-color card_bg_color #1a110f; -@define-color card_fg_color #f1dfda; -@define-color sidebar_bg_color @window_bg_color; -@define-color sidebar_fg_color @window_fg_color; -@define-color sidebar_border_color @window_bg_color; -@define-color sidebar_backdrop_color @window_bg_color; \ No newline at end of file +:root { + /* 🌈 Base 16 Color Variables */ + --color0: #0f1417; + --color1: #2c3135; + --color2: #c1c7ce; + --color3: #b6c9d8; + --color4: #dfe3e7; + --color5: #ffb4ab; + --color6: #004c6b; + --color7: #dfe3e7; + --color8: #c6e7ff; + --color9: #0f1417; + --color10: #00344b; + --color11: #21333e; + --color12: #c6e7ff; + --color13: #91cef5; + --color14: #1c2024; + --color15: #dfe3e7; + --color16: #690005; + --color17: #262b2e; + --color18: #91cef5; + --color19: #4a4263; + --color20: #ccc1e9; + --color21: #332c4c; + --color22: #313539; + --color23: #181c1f; + --color24: #0f1417; + --color13-r: 145; + --color13-g: 206; + --color13-b: 245; + --color0-r: 15; + --color0-g: 20; + --color0-b: 23; + --color2-r: 193; + --color2-g: 199; + --color2-b: 206; + --color5-r: 255; + --color5-g: 180; + --color5-b: 171; + --color6-r: 0; + --color6-g: 76; + --color6-b: 107; + --color18-r: 145; + --color18-g: 206; + --color18-b: 245; +} From b53709c5338fcc1a8d2dc1d728aa4ce6e0e3312c Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:47:37 +0600 Subject: [PATCH 12/17] Update gtk.css --- dotfiles/.config/gtk-4.0/gtk.css | 8670 +++++++++++++++++++++++++++++- 1 file changed, 8669 insertions(+), 1 deletion(-) diff --git a/dotfiles/.config/gtk-4.0/gtk.css b/dotfiles/.config/gtk-4.0/gtk.css index c9763f7f6..07795ba29 100644 --- a/dotfiles/.config/gtk-4.0/gtk.css +++ b/dotfiles/.config/gtk-4.0/gtk.css @@ -1 +1,8669 @@ -@import 'colors.css'; \ No newline at end of file +@import url("colors.css"); + +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-color: var(--color13); + opacity: 0.1; + } + to { + background-color: transparent; + opacity: 0; + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: var(--color0); + color: var(--color7); +} + +dnd { + color: var(--color7); +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, +.view { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +iconview:disabled, +.view:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); +} + +iconview:selected, +.view:selected { + color: var(--color1); + background-color: var(--color13); +} + +textview text { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +textview border { + background-color: var(--color0); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, columnview.view > rubberband, +.content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid var(--color13); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 12px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: var(--color7); + background-color: var(--color0); + border: 1px solid black; +} + +label.separator { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 12px; + background-color: var(--color4); + color: var(--color7); +} + + +.dim-label, +row.expander image.expander-row-arrow, +row label.subtitle { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + opacity: 1; +} + +.accent { + color: var(--color13); +} + +.success { + color: var(--color20); +} + +.warning { + color: var(--color19); +} + +.error { + color: var(--color5); +} + +.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 { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: var(--color7); +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: var(--color7); + background-color: var(--color0); + background-clip: padding-box; + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd, .osd.background { + background-color: var(--color0); + color: var(--color7); + border-radius: 12px; + padding: 12px; + border: 1px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.1); +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * Spinner Animation * + *********************/ +@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; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 34px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color7); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +entry headerbar popover.background entry:drop(active), +headerbar popover.background entry entry:drop(active), +entry headerbar popover.background entry:hover:not(:focus-within), +headerbar popover.background entry entry:hover:not(:focus-within), +entry:drop(active), +entry:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry:disabled, +headerbar popover.background entry entry:disabled, +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); + outline: none; +} + +entry headerbar popover.background entry.flat:focus-within, +headerbar popover.background entry entry.flat:focus-within, +entry headerbar popover.background entry.flat:disabled, +headerbar popover.background entry entry.flat:disabled, +entry headerbar popover.background entry.flat:hover, +headerbar popover.background entry entry.flat:hover, +entry headerbar popover.background entry.flat, +headerbar popover.background entry entry.flat, +entry.flat:focus-within, +entry.flat:disabled, +entry.flat:hover, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + box-shadow: none; + border-radius: 0; + outline: none; +} + +entry headerbar popover.background entry image, +headerbar popover.background entry entry image, +entry image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +entry headerbar popover.background entry image:hover, +headerbar popover.background entry entry image:hover, +entry headerbar popover.background entry image:active, +headerbar popover.background entry entry image:active, +entry image:hover, +entry image:active { + color: var(--color7); +} + +entry headerbar popover.background entry image:disabled, +headerbar popover.background entry entry image:disabled, +entry image:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +entry headerbar popover.background entry image.left, +headerbar popover.background entry entry image.left, +entry image.left { + margin: 0 6px 0 1px; +} + +entry headerbar popover.background entry image.right, +headerbar popover.background entry entry image.right, +entry image.right { + margin: 0 1px 0 6px; +} + +entry headerbar popover.background entry undershoot.left > undershoot.left, +headerbar popover.background entry entry undershoot.left > undershoot.left, +entry undershoot.left > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +entry headerbar popover.background entry undershoot.right > undershoot.right, +headerbar popover.background entry entry undershoot.right > undershoot.right, +entry undershoot.right > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +entry headerbar popover.background entry.error, +headerbar popover.background entry entry.error, +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color:rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.15); + color: var(--color7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.2); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color5); + outline: 2px solid var(--color5); + outline-offset: -2px; +} + +entry headerbar popover.background entry.error:drop(active), +headerbar popover.background entry entry.error:drop(active), +entry headerbar popover.background entry.error:hover:not(:focus-within), +headerbar popover.background entry entry.error:hover:not(:focus-within), +entry.error:drop(active), +entry.error:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color5); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.error:disabled, +headerbar popover.background entry entry.error:disabled, +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.08); + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.error > text > selection, +headerbar popover.background entry entry.error > text > selection, +entry.error > text > selection { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.25); + color: var(--color5); +} + +entry headerbar popover.background entry.error image, +headerbar popover.background entry entry.error image, +entry.error image { + color: var(--color5); +} + +entry headerbar popover.background entry.error image:hover, +headerbar popover.background entry entry.error image:hover, +entry headerbar popover.background entry.error image:active, +headerbar popover.background entry entry.error image:active, +entry.error image:hover, +entry.error image:active { + color: var(--color5); +} + +entry headerbar popover.background entry.error image:disabled, +headerbar popover.background entry entry.error image:disabled, +entry.error image:disabled { + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + color: var(--color16); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color16); + outline: 2px solid var(--color16); + outline-offset: -2px; +} + +entry headerbar popover.background entry.warning:drop(active), +headerbar popover.background entry entry.warning:drop(active), +entry headerbar popover.background entry.warning:hover:not(:focus-within), +headerbar popover.background entry entry.warning:hover:not(:focus-within), +entry.warning:drop(active), +entry.warning:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color16); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.warning:disabled, +headerbar popover.background entry entry.warning:disabled, +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.warning > text > selection, +headerbar popover.background entry entry.warning > text > selection, +entry.warning > text > selection { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.25); + color: var(--color16); +} + +entry headerbar popover.background entry.warning image, +headerbar popover.background entry entry.warning image, +entry.warning image { + color: var(--color16); +} + +entry headerbar popover.background entry.warning image:hover, +headerbar popover.background entry entry.warning image:hover, +entry headerbar popover.background entry.warning image:active, +headerbar popover.background entry entry.warning image:active, +entry.warning image:hover, +entry.warning image:active { + color: var(--color16); +} + +entry headerbar popover.background entry.warning image:disabled, +headerbar popover.background entry entry.warning image:disabled, +entry.warning image:disabled { + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.1); + color: var(--color13); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color13); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +entry headerbar popover.background entry.success:drop(active), +headerbar popover.background entry entry.success:drop(active), +entry headerbar popover.background entry.success:hover:not(:focus-within), +headerbar popover.background entry entry.success:hover:not(:focus-within), +entry.success:drop(active), +entry.success:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color13); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.1); + color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.25); + color: var(--color13); +} + +entry headerbar popover.background entry.success image, +headerbar popover.background entry entry.success image, +entry.success image { + color: var(--color13); +} + +entry headerbar popover.background entry.success image:hover, +headerbar popover.background entry entry.success image:hover, +entry headerbar popover.background entry.success image:active, +headerbar popover.background entry entry.success image:active, +entry.success image:hover, +entry.success image:active { + color: var(--color13); +} + +entry headerbar popover.background entry.success image:disabled, +headerbar popover.background entry entry.success image:disabled, +entry.success image:disabled { + color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); +} + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid var(--color13); + background-color: transparent; +} + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: var(--color0); +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + color: var(--color7); +} + +.entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +editablelabel > stack > text { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + 0% { + background-color: var(--color13); + box-shadow: 0 0 0px var(--color13); + opacity: 0.8; + } + 100% { + background-color: transparent; + box-shadow: 0 0 12px 4px var(--color13); + opacity: 0; + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button { + background-color: var(--color0); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:checked { + background-color: var(--color14); + color: var(--color13); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button, +dnd tab:not(:selected) button.image-button.tab-close-button, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button, notebook > header menubutton > button.flat { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:hover, +dnd tab:not(:selected) button.image-button.tab-close-button:hover, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:hover, notebook > header menubutton > button.flat:hover, tabbar tab:not(:selected) button.image-button.tab-close-button:active, +dnd tab:not(:selected) button.image-button.tab-close-button:active, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:active, notebook > header menubutton > button.flat:active, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, tabbar notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +dnd notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header > tabs > tab:not(:checked):not(:selected) button.keyboard-activating.small-button, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header > tabs > tab:not(:checked):not(:selected) button.keyboard-activating.small-button, tabbar notebook > header > tabs > tab:not(:checked):not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, +dnd notebook > header > tabs > tab:not(:checked):not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, notebook > header menubutton > button.flat:focus:not(:hover):not(:active) tabbar tab:not(:selected) button.keyboard-activating.image-button.tab-close-button, tabbar tab:not(:selected) notebook > header menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +notebook > header menubutton > button.flat:focus:not(:hover):not(:active) dnd tab:not(:selected) button.keyboard-activating.image-button.tab-close-button, +dnd tab:not(:selected) notebook > header menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, notebook > header > tabs > tab:not(:checked):not(:selected) menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.small-button, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, notebook > header tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, tabbar tab:not(:selected) notebook > header button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, +notebook > header dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, +dnd tab:not(:selected) notebook > header button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, notebook > header menubutton > button.flat:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat { + color: var(--color0); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:checked, +dnd tab:not(:selected) button.image-button.tab-close-button:checked, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:checked, notebook > header menubutton > button.flat:checked { + background-color: var(--color14); + color: var(--color12); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:disabled, +dnd tab:not(:selected) button.image-button.tab-close-button:disabled, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:disabled, notebook > header menubutton > button.flat:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: var(--color7); +} + +headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus { + outline: 2px solid var(--color13); + outline-offset: 0; +} + +headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked { + background-color: var(--color13); + color: var(--color0); +} + +headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: var(--color13); + color: var(--color0); +} + +headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: var(--color7); + outline: 2px solid transparent; + outline-offset: -2px; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +#NautilusPathButton, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, .app-notification button, .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, +splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, +splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, +splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +#NautilusPathButton:focus:not(:hover):not(:active), filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), +splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), +splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), +splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + color: var(--color7); + outline: 2px solid transparent; + outline-offset: -2px; +} + +#NautilusPathButton:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, +splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, +splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, +splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +#NautilusPathButton:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, +splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, +splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, +splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +#NautilusPathButton:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, +splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, +splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, +splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +#NautilusPathButton:checked, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +#NautilusPathButton:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, +splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, +splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, +splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +button.opaque { + box-shadow: none; +} + +.osd button.opaque:focus:focus-visible { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.15); +} + +button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +button.keyboard-activating.opaque, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +button.opaque:checked.keyboard-activating, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +.nautilus-window .floating-bar button, placessidebar list.navigation-sidebar > row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 9px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button separator { + margin: 4px 1px; +} + +button.opaque { + background-color: var(--color14); + color: var(--color7); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +button.text-button.image-button > box, +button.text-button.image-button > box > box, button.image-text-button > box, +button.image-text-button > box > box { + border-spacing: 4px; +} + +button.text-button.image-button > box > label, +button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.image-text-button > box > box > label { + padding-left: 2px; + padding-right: 2px; +} + +button.text-button.image-button label:first-child, button.image-text-button label:first-child { + margin-left: 11px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 7px; +} + +button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { + margin: 0 4px; +} + +button.arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.arrow-button > box { + border-spacing: 4px; +} + +button.arrow-button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.arrow-button.text-button > box { + border-spacing: 6px; +} + +menubutton.pill > button, button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-color: var(--color0); + background-clip: padding-box; + font-weight: inherit; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-clip: border-box; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button.card.keyboard-activating, button.card:active { + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button.card:checked { + background-image: none; + background-color: var(--color13); + color: var(--color0); + border-color: var(--color13); +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: var(--color13); + color: var(--color10); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: var(--color13); + box-shadow: inset 0 0 0 1px var(--color13); +} + +.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + background-color: alpha(currentColor, 0.05); +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > menubutton > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 5px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: var(--color7); +} + +button.osd > image { + padding: 0; +} + +button.osd.remove-button { + padding: 0; +} + +button.osd:focus { + outline-color: transparent; +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.45); + color: var(--color7); +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: var(--color7); +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.35); +} + +button.suggested-action { + background-color: var(--color6); + color: var(--color8); + box-shadow: none; +} + +button.suggested-action:hover { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.85); +} + +button.suggested-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +button.suggested-action:checked { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.6); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: var(--color6); +} + +button.suggested-action.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.3); +} + +button.destructive-action { + background-color: var(--color5); + color: var(--color16); + box-shadow: none; +} + +button.destructive-action:hover { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.85); +} + +button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +button.destructive-action:checked { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.6); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: var(--color5); +} + +button.destructive-action.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +menubutton.destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +menubutton.opaque { + background-color: var(--color14); + color: var(--color7); +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 12px; +} + +menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { + border-radius: 9999px; +} + +menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { + background-color: transparent; + color: inherit; +} + +menubutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 6px; +} + +menubutton arrow { + min-height: 16px; + min-width: 16px; +} + +menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); +} + +menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +splitbutton { + border-radius: 12px; +} + +splitbutton, splitbutton > separator { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background-color; +} + +splitbutton > separator { + min-width: 0; + margin-top: 6px; + margin-bottom: 6px; + background-color: transparent; + background: none; +} + +splitbutton > menubutton > button { + padding: 5px 9px; +} + +splitbutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 6px; +} + +splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { + padding-left: 9px; + padding-right: 9px; +} + +splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { + border-spacing: 6px; +} + +splitbutton > button:dir(ltr), +splitbutton > menubutton > button:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + margin-right: 0; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +splitbutton.flat > separator { + background: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.07); +} + +splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { + background: none; +} + +splitbutton.flat:focus-within:focus-visible > separator { + background: none; +} + +splitbutton.flat > button, +splitbutton.flat > menubutton > button { + border-radius: 12px; +} + +splitbutton.suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +splitbutton.destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +splitbutton.opaque { + background-color: var(--color14); + color: var(--color7); +} + +splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button, +splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button, +splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button, +splitbutton.opaque > menubutton > button:checked { + color: inherit; + background-color: transparent; +} + +splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { + box-shadow: inset 1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { + box-shadow: inset -1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton > menubutton > button > arrow.none { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +buttoncontent { + border-spacing: 6px; +} + +buttoncontent > label { + font-weight: bold; +} + +buttoncontent > label:dir(ltr) { + padding-right: 2px; +} + +buttoncontent > label:dir(rtl) { + padding-left: 2px; +} + +.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { + padding-right: 0; +} + +.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { + padding-left: 0; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +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; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 12px; +} + +.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 12px; +} + +.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical button:not(:first-child) { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical button:not(:last-child) { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical menubutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical menubutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical dropdown:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical dropdown:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical colorbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical colorbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical fontbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical fontbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical tabbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical tabbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical entry:not(:first-child) { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical entry:not(:last-child) { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + + +list > row button.image-button:not(.flat) { + background-color: transparent; + box-shadow: none; + border: none; +} + + +list > row button.image-button:not(.flat):hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +list > row button.image-button:not(.flat).destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +/********* + * Links * + *********/ +link { + color: var(--color13); +} + +link:visited { + color: var(--color3); +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: var(--color13); +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: var(--color3); +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 12px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +spinbutton:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color0); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: none; +} + +spinbutton > text { + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + margin: 0; +} + +spinbutton > button { + border: none; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 30px; + padding-left: 12px; +} + +spinbutton:not(.vertical) > button { + padding: 0; + margin: 6px; +} + +spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 3px; +} + +spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 3px; +} + +cell.activatable spinbutton:not(.vertical) { + margin: 3px 0; +} + +cell.activatable spinbutton:not(.vertical) > button { + margin: 0; + padding: 0; + min-height: 24px; + border-radius: 0; +} + +cell.activatable spinbutton:not(.vertical) > button:last-child { + border-radius: 0 12px 12px 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 0; +} + +spinbutton.vertical > text { + min-height: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 8px; +} + +/************** + * ComboBoxes * + **************/ +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 button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: -1px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -1px; +} + +dropdown popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: var(--color7); + background-color: alpha(currentColor, 0.06); +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; +} + +dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child), +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -34px; + padding-right: 34px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -34px; + padding-left: 34px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 4px; + border-radius: 12px; +} + +.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.combo:only-child { + border-radius: 12px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +button.combo:only-child:focus { + color: var(--color7); + outline: 2px solid transparent; + /* outline: 2px solid $fill; */ + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +button.combo:only-child:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +button.combo:only-child:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + border-spacing: 6px; +} + +.toolbar .linked button:not(:hover):not(:active):not(:checked):not(:disabled) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); + color: var(--color2); + border: none; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, .toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +.toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator { + margin: 2px; +} + +.toolbar entry, +.toolbar splitbutton, +.toolbar button, +.toolbar scalebutton { + border-radius: 9px; +} + +.toolbar entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border: none; + background-color: transparent; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-color: transparent; + border-radius: 12px; + border: none; + outline: none; +} + +headerbar .linked > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +headerbar .linked > button:first-child:not(.suggested-action):not(.destructive-action) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +headerbar .linked > button:last-child:not(.suggested-action):not(.destructive-action) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +headerbar .linked > button:only-child:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar button:hover:not(.suggested-action):not(.destructive-action) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action) { + color: var(--color7); + outline: none; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + background-color: var(--color13); + color: var(--color0); + outline: none; +} + +headerbar button:checked:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 1000px rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.04); + color: var(--color0); +} + +headerbar button:checked:focus:not(.suggested-action):not(.destructive-action) { + color: var(--color0); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: rgba(225, 226, 231, 0.5); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +headerbar entry { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border-radius: 12px; +} + +headerbar entry:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar entry image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar entry image:hover, headerbar entry image:active { + color: var(--color7); +} + +headerbar entry image:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: var(--color7); + min-height: 46px; + border: none; + box-shadow: none; + padding: 0; + margin: 0; +} + +headerbar:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar:backdrop { + background-color: transparent; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + box-shadow: none; + transition: none; +} + +headerbar .title { + /* padding: 0 $space-size * 2; */ + padding: 0; + margin: 0 -20px; + font-weight: bold; +} + +headerbar .subtitle { + /* padding: 0 $space-size * 2; */ + padding: 0; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander image.expander-row-arrow, +row.expander headerbar image.expander-row-arrow, +headerbar row label.subtitle, +row headerbar label.subtitle { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar > windowhandle > box { + padding: 0 12px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0; + margin-bottom: 0; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + opacity: 1; +} + +headerbar splitbutton { + /* background-color: if( */ + /* $variant == 'light', */ + /* rgba($base_alt, 0.4), */ + /* $titlebar-fill */ + /* ); */ + background-color: transparent; + border-radius: 12px; +} + +headerbar splitbutton button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +headerbar splitbutton > separator { + background-color: transparent; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar stackswitcher { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +headerbar stackswitcher:checked { + background-color: var(--color13); + color: var(--color0); +} + +headerbar stackswitcher:checked:hover { + background-color: #fdfdfe; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar popover.background button.suggested-action:disabled, +headerbar popover.background button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar popover.background entry, +headerbar popover.background spinbutton, +headerbar popover.background button, +headerbar popover.background menubutton, +headerbar popover.background stackswitcher { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar switch { + margin: 11px 6px; +} + +headerbar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: var(--color13); + color: var(--color0); +} + +headerbar.selection-mode:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: var(--color7); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +headerbar.default-decoration { + min-height: 34px; + padding: 0; + margin: 0; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border: none; + outline: none; +} + +.solid-csd headerbar.default-decoration, .maximized headerbar.default-decoration { + border-radius: 0; + box-shadow: none; +} + +window > .titlebar:not(.flat) { + box-shadow: none; +} + +window > .titlebar headerbar:not(.flat) { + box-shadow: none; +} + +window.devel headerbar { + background: var(--color0) cross-fade(10%-gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.1)), linear-gradient(to top, var(--color24) 3px, var(--color0)); +} + +window.devel headerbar:backdrop { + background: var(--color0) cross-fade(10%-gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(var(--color0)); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 5px; + padding-right: 5px; + border-radius: 12px; + background-color: alpha(currentColor, 0.08); + border: none; + box-shadow: none; +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + + +pathbar > button:checked:hover { + background-color: alpha(currentColor, 0.16); + color: var(--color7); +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + border: none; + border-radius: 12px; + padding: 2px; +} + +headerbar .pathbar { + margin-top: 6px; + margin-bottom: 6px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.pathbar > button { + margin-top: 0; + margin-bottom: 0; + min-height: 20px; + border-radius: 10px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: var(--color24); + border-top-color: var(--color24); +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + 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: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +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: var(--color7); +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: var(--color7); +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: var(--color7); +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid var(--color13); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.progressbar:selected:hover, +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 6px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.trough:selected:hover, +treeview.view.trough:selected:hover { + box-shadow: none; +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: solid; + border-width: 0 1px 0 0; + border-color: transparent; + border-radius: 0; + background-clip: border-box; + border-image: linear-gradient(to bottom, transparent 20%, rgba(233, 233, 237, 0.12) 20%, rgba(233, 233, 237, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: transparent; +} + +columnview.view > header > button:last-child, columnview.view > header > button:only-child, +treeview.view > header > button:last-child, +treeview.view > header > button:only-child { + border-right: none; + border-image: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 0; + box-shadow: none; + background-color: var(--color0); + background-clip: border-box; + color: var(--color13); +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: var(--color13); +} + +stack.view treeview.view { + min-height: 34px; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: var(--color0); + color: var(--color7); +} + +menubar:backdrop { + background-color: var(--color0); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.csd menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +menubar > item:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 9px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: var(--color7); + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; + transition: none; + border-radius: 12px; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background-image: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; + border-radius: 12px; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: alpha(currentColor, 0.06); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: 0; + margin-right: 0; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 0; + margin-right: 0; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: var(--color0); + border-radius: 12px; + color: var(--color7); + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +popover > arrow { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +popover > contents > list, +popover > contents > .view, +popover > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover > contents separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 15px 10px; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 12px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: var(--color0); +} + +popover button, +popover entry, +popover combobox { + border-radius: 12px; +} + +popover .linked > button:not(.radio) { + border-radius: 0; +} + +popover .linked > button:not(.radio):first-child { + border-radius: 12px 0 0 12px; +} + +popover .linked > button:not(.radio):last-child { + border-radius: 0 12px 12px 0; +} + +popover .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: var(--color7); + font: initial; + border-radius: 12px; +} + +popover modelbutton:hover { + transition: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); +} + +popover modelbutton:hover accelerator { + color: var(--color13); +} + +popover modelbutton:hover accelerator:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +popover modelbutton accelerator { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: var(--color0); +} + +/************* + * Notebooks * + *************/ +tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: var(--color7); + font-weight: 500; + border-radius: 9px; +} + +tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +tabbar tab:disabled, notebook > header > tabs > tab:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +tabbar tab:active, notebook > header > tabs > tab:active { + background-color: var(--color0); + color: var(--color7); + box-shadow: none; +} + +tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +notebook, notebook.frame { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 9px; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +notebook > header { + border: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + margin: 3px; + border-radius: 12px; +} + +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 { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: 0; + -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 { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 12px; +} + +notebook > header > tabs > tab { + margin: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + color: var(--color7); +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.small-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) { + margin-right: 0; +} + +notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left > tabs, notebook > header.right > tabs { + padding-top: 0; + padding-bottom: 0; +} + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +tabbar > revealer > box { + box-shadow: none; +} + +tabbar .box { + min-height: 34px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-image: none; + padding: 0; + margin: 3px; + border-radius: 12px; + border: none; + box-shadow: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox { + padding: 3px 3px 3px 0; +} + +tabbar scrolledwindow.pinned tabbox > tabboxchild { + margin: 0; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow:not(.pinned) tabbox { + padding: 3px 0; +} + +tabbar scrolledwindow:not(.pinned) tabbox > tabboxchild { + margin: 0 -2px; +} + +tabbar scrolledwindow:not(.pinned) tabbox > tabboxchild + separator + tabboxchild { + margin-left: 0; +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar tabbox { + background-color: transparent; + background-image: none; + padding: 0; + margin: 0; + border: none; + box-shadow: none; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tabbox > separator { + margin: 9px 0; + min-width: 1px; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.12); + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > tabboxchild { + padding: 0; +} + +tabbar tabbox > tabboxchild > tab { + margin: 0; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-clip: padding-box; + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: var(--color0); +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(var(--color0), 0.6); + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +dnd tab { + min-height: 24px; + background-color: var(--color0); + color: var(--color7); + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabbar tab button.image-button.tab-close-button, +dnd tab button.image-button.tab-close-button { + margin-right: -3px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: var(--color0); + box-shadow: none; + outline: none; +} + +scrollbar.top { + border-bottom: 1px solid transparent; +} + +scrollbar.bottom { + border-top: 1px solid transparent; +} + +scrollbar.left { + border-right: 1px solid transparent; +} + +scrollbar.right { + border-left: 1px solid transparent; +} + +scrollbar > range > trough { + outline: none; + background: none; +} + +scrollbar > range > trough > slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + box-shadow: none; + outline: none; + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.15); +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.25); +} + +scrollbar > range > trough > slider:active { + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.25); +} + +scrollbar > range > trough > slider:disabled { + background-color: var(--color0); +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 2px 0; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider { + transition-property: background-color, min-height, min-width; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); + border-radius: 9999px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: var(--color0); +} + +scrollbar.horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 3px; + border: none; + border-radius: 12px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +switch:checked { + background-color: var(--color13); +} + +switch:disabled { + opacity: 0.5; +} + +switch > image { + color: transparent; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + background-color: var(--color0); + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(233, 233, 237, 0.6), 0 3px 3px -2px transparent, 0 2px 3px -1px transparent, 0 1px 4px 0 transparent; +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + border: none; + color: transparent; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); + background-color: var(--color13); +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.15); + background-color: var(--color13); +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); + background-color: var(--color13); +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + +check { + -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + border-radius: 3px; +} + +check:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +check:indeterminate { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +check:checked::after { + content: ""; + position: absolute; + display: block; + left: 6px; + top: 2px; + width: 6px; + height: 11px; + border: solid var(--color0); + border-width: 0 2px 2px 0; + transform: rotate(45deg); +} + +check:indeterminate::after { + content: ""; + position: absolute; + display: block; + left: 4px; + top: 8px; + width: 8px; + height: 2px; + background: var(--color0); + border-radius: 1px; +} + +check:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} + +check:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); +} + +check:active { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.4); +} + +check:disabled { + opacity: 0.5; + background-color: transparent; + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +check:disabled:checked { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + box-shadow: + 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55), + inset 0 0 0 2px var(--color0); +} + +radio { + -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.38); + border-radius: 50%; +} + +radio:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + inset 0 0 0 4px var(--color0), + 0 0 0 1px var(--color13); +} + +radio:indeterminate { + -gtk-icon-source: none; + background-color: var(--color0); + border-color: var(--color13); + box-shadow: + inset 0 0 0 2px var(--color13), + 0 0 0 1px var(--color13); +} + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + +popover.menu radio:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + inset 0 0 0 3px var(--color0), + 0 0 0 1px var(--color13); +} + +popover.menu radio:indeterminate { + -gtk-icon-source: none; + background-color: var(--color0); + border-color: var(--color13); + box-shadow: + inset 0 0 0 1.5px var(--color13), + 0 0 0 1px var(--color13); +} + +radio:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} + +radio:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); +} + +radio:active { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.4); +} + +radio:disabled { + opacity: 0.5; + background-color: transparent; + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +radio:disabled:checked { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + box-shadow: + inset 0 0 0 4px var(--color0), + 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); +} + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; + border-radius: 2px; +} + +popover.menu check:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +popover.menu check:indeterminate { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +popover.menu check:checked::after { + left: 5px; + top: 1px; + width: 5px; + height: 9px; + border-width: 0 1.5px 1.5px 0; +} + +popover.menu check:indeterminate::after { + left: 3px; + top: 6px; + width: 6px; + height: 1.5px; +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, +treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, +treeview.view:hover radio, treeview.view:selected check, +treeview.view:selected radio, treeview.view:focus check, +treeview.view:focus radio, +columnview.view:hover check, +columnview.view:hover radio, +columnview.view:selected check, +columnview.view:selected radio, +columnview.view:focus check, +columnview.view:focus radio { + box-shadow: none; +} + +treeview.view:hover check:checked, +treeview.view:hover radio:checked, treeview.view:selected check:checked, +treeview.view:selected radio:checked, treeview.view:focus check:checked, +treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: var(--color0); + background-color: var(--color13); +} + +checkbutton.selection-mode { + border-radius: 9999px; +} + +checkbutton.selection-mode check, +checkbutton.selection-mode radio { + padding: 6px; + border-radius: 9999px; +} + +checkbutton.selection-mode check:checked, checkbutton.selection-mode check:indeterminate, +checkbutton.selection-mode radio:checked, +checkbutton.selection-mode radio:indeterminate { + color: var(--color0); + background-color: var(--color13); +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 6px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 6px; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +scale > trough:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(var(--color13)); +} + +scale > trough > highlight:disabled { + background-color: var(--color0); + background-image: image(rgba(233, 233, 237, 0.32)); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: var(--color13); + background-color: var(--color0); + box-shadow: inset 0 0 0 2px var(--color13); +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px var(--color13), 0 0 0 8px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px var(--color13), 0 0 0 8px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > slider:disabled { + box-shadow: inset 0 0 0 2px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +scale.fine-tune > trough > slider { + margin: -7px; +} + +scale > marks, +scale > value { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +scale indicator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); + color: transparent; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(45deg); + border-bottom-right-radius: 0; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: var(--color13); +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; + box-shadow: none; + margin: 0; + padding: 0; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: var(--color13); +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: var(--color19); +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: var(--color13); +} + +levelbar block.full { + background-color: var(--color20); +} + +levelbar block.empty { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: var(--color7); + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: var(--color0); + color: var(--color7); +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 12px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 12px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: none; + background-color: var(--color0); + background-clip: border-box; + border: none; + color: var(--color7); +} + +actionbar > revealer > box button, +actionbar > revealer > box entry, +actionbar > revealer > box menubutton, +actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, +actionbar > revealer > box splitbutton > button, +actionbar > revealer > box spinbutton { + margin: 0; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + border-radius: 0px 0px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 0px 0px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow > undershoot { + background-image: none; + box-shadow: none; + border: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: transparent; +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer, separator.sidebar { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********* + * Lists * + *********/ +list.content, +list.boxed-list { + border-radius: 12px; + box-shadow: none; + border: none; + background-color: transparent; +} + +list.content > row, +list.boxed-list > row { + border: none; + border-radius: 3px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +list.content > row:hover, +list.boxed-list > row:hover, list.content > row.has-open-popup, +list.boxed-list > row.has-open-popup, list.content > row:focus, +list.boxed-list > row:focus { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +list.content > row:active, +list.boxed-list > row:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:first-child), +list.boxed-list > row:not(:first-child) { + margin-top: 3px; +} + +list.content > row:first-child, +list.boxed-list > row:first-child { + border-radius: 12px 12px 3px 3px; +} + +list.content > row:last-child, +list.boxed-list > row:last-child { + border-radius: 3px 3px 12px 12px; +} + +list.content > row:only-child, +list.boxed-list > row:only-child { + border-radius: 12px; +} + +listview, +list { + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +leaflet scrolledwindow listview, leaflet scrolledwindow list { + background-color: transparent; +} + +list.frame { + border-radius: 12px; +} + +listview.view { + color: var(--color7); + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 12px; +} + +row { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-clip: padding-box; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + min-height: 46px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; +} + +.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: var(--color7); + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: var(--color7); + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: var(--color7); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: var(--color7); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: inherit; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected image, +row:selected label { + color: var(--color7); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 9px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title { + padding: 0; + font-weight: bold; + color: var(--color7); +} + +row > box.header > box.title > .subtitle { + padding: 2px 0; + font-weight: normal; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.entry .edit-icon, +row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.entry.error text > selection:focus-within { + background-color: alpha(var(--color5), 0.2); +} + +row.entry.error text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.warning text > selection:focus-within { + background-color: alpha(var(--color19), 0.2); +} + +row.entry.warning text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.success text > selection:focus-within { + background-color: alpha(var(--color20), 0.2); +} + +row.entry.success text > cursor-handle > contents { + background-color: currentColor; +} + +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.45); +} + +row.combo listview.inline { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +row.combo listview.inline, row.combo listview.inline:disabled { + background: none; + color: inherit; +} + +row.combo popover > contents { + min-width: 120px; +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; + background-color: transparent; +} + +row.expander list.nested > row { + background-color: transparent; + border: none; + background-image: none; + transition: none; + animation: none; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: var(--color13); +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +list.content > row.expander row.header, +list.boxed-list > row.expander row.header { + background-color: transparent; + border: none; + box-shadow: none; +} + +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +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: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid var(--color13); +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: var(--color0); + background-color: var(--color13); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: var(--color13); +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover, expander:active { + color: var(--color7); +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +expander-widget > box > title { + border-radius: 12px; +} + +expander-widget > box > title:hover > expander { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.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 * + ************/ +calendar { + padding: 0; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 12px; + color: var(--color7); +} + +calendar:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +calendar:selected { + border-radius: 12px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +calendar > grid > label { + border-radius: 12px; + margin: 0; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 6px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button { + border-radius: 9px; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +window.dialog.message.background { + background-color: var(--color17); +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 6px; + border-spacing: 24px; +} + +window.dialog.message box.dialog-vbox.vertical > box.vertical { + margin-bottom: 6px; +} + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); + color: var(--color7); +} + +window.dialog.message .titlebar:backdrop { + background-color: var(--color17); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +window.dialog.message .dialog-action-area { + border: none; + margin: 0; + padding: 6px; + border-spacing: 6px; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + color: var(--color6); +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: var(--color5); +} + +window.aboutdialog.background.csd scrolledwindow.frame, +window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text { + border-radius: 12px; +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: var(--color17); + color: var(--color7); + padding: 6px; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area { + border-spacing: 6px; +} + +window.messagedialog .response-area button.suggested { + color: var(--color13); +} + +window.messagedialog .response-area button.destructive { + color: var(--color5); +} + +window.messagedialog .response-area separator { + background: none; + margin: 3px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + color: inherit; +} + +leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 6px; + background-color: transparent; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; + transition: background 0.25s ease, color 0.25s ease; +} + +stacksidebar row:selected { + font-weight: 600; + background-image: linear-gradient(to left, @sidebar_backdrop_color, @view_bg_color); +} + +stacksidebar row + row { + margin-top: 3px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + /* padding: $space-size - 4 $space-size - 2; //only vertical padding. horizontal row size would clip */ + padding: 0 6px; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.background { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar > separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 10px 15px; +} + +.navigation-sidebar row.activatable label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.navigation-sidebar > row { + min-height: 24px; + /* padding: 0 $space-size 0 $space-size; */ + padding: 0 6px; + border-radius: 9px; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:active { + background-color: alpha(currentColor, 0.12); +} + +.navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + box-shadow: none; +} + +.navigation-sidebar > row:selected label, +.navigation-sidebar > row:selected image { + color: var(--color13); + font-weight: 700; +} + +.navigation-sidebar > row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +.navigation-sidebar > row:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.navigation-sidebar > row:not(:first-child) { + margin-top: 3px; +} + +/**************** + * File chooser * + ****************/ +filechooser paned > separator { + background: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +filechooser paned > box #pathbarbox.view, +filechooser paned > box stack.view, +filechooser paned > box columnview.view, +filechooser paned > box gridview.view { + background-color: transparent; +} + +filechooser .dialog-action-box { + border: none; +} + +filechooser #pathbarbox { + border: none; + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +filechooser child.activatable filelistcell.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +placessidebar { + background-color: transparent; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon { + color: inherit; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar list.navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row { + color: var(--color13); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: var(--color13); +} + +placessidebar list.navigation-sidebar > row:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(var(--color24)); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: var(--color0); + background-image: image(var(--color24)), image(var(--color24)); + 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; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 12px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: var(--color0); + color: var(--color7); +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +) { + color: var(--color13); +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: transparent; + color: var(--color7); + border-radius: 9px; + border: none; +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: var(--color19); + color: var(--color7); +} + +infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.warning:hover > revealer > box { + background-color: var(--color19); +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: var(--color5); + color: var(--color7); +} + +infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.error:hover > revealer > box { + background-color: var(--color5); +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: var(--color14); + color: var(--color13); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + border-radius: 12px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: var(--color7); +} + +colorswatch.light { + color: var(--color0); +} + +colorchooser colorswatch:hover { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px var(--color13); +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; + color: var(--color7); +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: var(--color0); +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + outline: none; + margin: 0; + transition: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; + transition: none; +} + +window.csd.maximized, window.csd.fullscreen { + box-shadow: none; + outline: none; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: var(--color0); + border: 1px solid var(--color24); +} + +window.solid-csd:backdrop { + background-color: var(--color0); +} + +window.ssd { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 22px; + min-width: 22px; + padding: 6px 0; + margin-left: 0px; + margin-right: 0px; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + background: none; + box-shadow: none; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.1); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.15); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.2); +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 6px; + margin-left: 6px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 6px; + margin-right: 6px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + border-radius: 100%; + padding: 0; +} + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, .link selection, calendar > grid > label.today { + color: var(--color0); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b)), 0.47; +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: var(--color8); + background-color: var(--color6); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: var(--color13); + -gtk-icon-source: none; + background-image: + radial-gradient(circle, var(--color13) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, var(--color13) 35%, var(--color13) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, var(--color13) 35%, var(--color13) 65%, transparent 65%); + background-size: 100% 100%, 100% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: center; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +cursor-handle:hover { + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.7) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 65%, transparent 65%); + box-shadow: 0 0 0 2px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.5); +} + +cursor-handle:active { + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 65%, transparent 65%); + box-shadow: 0 0 0 2px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.8); +} + +cursor-handle:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} + +cursor-handle:disabled { + opacity: 0.5; + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 65%, transparent 65%); + box-shadow: 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: var(--color17); + color: var(--color7); + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: var(--color13); +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 15px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border: none; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action) { + margin: 0; + border-radius: 9999px; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):checked { + background-color: var(--color13); + color: var(--color0); +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):checked:hover { + box-shadow: none; + background-color: #fdfdfe; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + /* border-bottom: 1px solid $divider; */ + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 3px; + border-spacing: 0; + background: none; +} + +.emoji-toolbar > flowboxchild { + padding: 3px; +} + +.emoji-toolbar > flowboxchild > button { + padding: 6px; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 12px; +} + +button.emoji-section:checked { + color: var(--color13); +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor, 0.08); +} + +emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +emoji-completion-row > box { + border-spacing: 6px; + padding: 2px 6px; +} + +emoji-completion-row:focus, emoji-completion-row:hover, +emoji-completion-row emoji:hover, +emoji-completion-row emoji:focus { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window.view { + background-color: var(--color0); +} + +.nautilus-window .sidebar-pane { + background-color: var(--color0); + color: var(--color7); +} + +.nautilus-window .sidebar-pane:backdrop { + background-color: var(--color0); + transition: none; +} + +.nautilus-window placesview label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window flap > separator { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + /* @extend %content_style; */ +} + +.nautilus-window .nautilus-grid-view .view, +.nautilus-window .nautilus-list-view .view { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view row.activatable > cell, +.nautilus-window .nautilus-list-view row.activatable > cell { + padding: 0px; + margin: 0px; +} + +.nautilus-window .nautilus-grid-view gridview.view { + margin: 10px 5px; + padding: 10px 5px; +} + +.nautilus-window tabbar .box { + background-color: transparent; + box-shadow: none; + padding: 0; +} + +.nautilus-window tabbar .box:backdrop { + background-color: transparent; + box-shadow: none; +} + +.nautilus-window tabbox, .nautilus-window tabbox:backdrop { + transition: none; + background-color: transparent; +} + +.nautilus-window tabbox > tabboxchild > tab { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window tabbox > tabboxchild > tab:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.nautilus-window tabbox > tabboxchild > tab:checked, .nautilus-window tabbox > tabboxchild > tab:selected { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +.nautilus-window tabbox > tabboxchild > tab:checked:disabled, .nautilus-window tabbox > tabboxchild > tab:selected:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button { + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button:hover, .nautilus-window tabbox > tabboxchild > tab button.tab-close-button:active { + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button:disabled { + color: var(--color7); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 9px; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.95); + color: var(--color13); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: var(--color7); +} + +.nautilus-window banner > revealer > widget { + color: var(--color7); + background-color: var(--color14); + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget:hover { + background-color: var(--color0); + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget button { + color: var(--color0); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +.nautilus-window banner > revealer > widget button:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.6); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; + padding: 3px; + margin-right: -5px; +} + +#NautilusQueryEditor > menubutton > button.image-button:checked image { + color: var(--color0); +} + +#NautilusQueryEditor > text, +#NautilusQueryEditor > box, +#NautilusQueryEditor > menubutton { + margin: 3px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px; + margin: 6px 0; +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 12px; +} + +#NautilusPathButton.current-dir { + color: var(--color13); +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusFileChooser gridview.view { + background-color: transparent; + margin: 10px 5px; + padding: 10px 5px; +} + +#NautilusFileChooser columnview.view, +row.activatable > cell { + background-color: transparent; + padding: 1px 10px; +} + +#NautilusProgressIndicator popover label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +#NautilusProgressIndicator popover image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +/* Nautilus Progress Indicator */ +windowhandle box.vertical box.toolbar { + background-color: var(--color0); + border: none; + outline: none; +} + +windowhandle box.toolbar menubutton button.toggle { + background-color: var(--color0); + border: none; + outline: none; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.display-container.card { + background-color: var(--color0); +} + +.small .display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: transparent; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +leaflet button.number-button { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: var(--color13); +} + +label.secondary-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.toast-overlay .toast { + background-color: #E9E9DD; + color: #1A1C15; + border-radius: 12px; + padding: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.datechooser.view, +.agenda-view.view, +.agenda-view.view list, +.stack.view { + background-color: transparent; +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: var(--color13); + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(var(--color13), 0.3); +} + +popover.events { + background-color: var(--color17); + padding: 0; +} + +popover.events box { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +popover.events list { + background-color: var(--color0); + border-radius: 12px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 12px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 12px; +} + +event.timed widget.edge { + border-radius: 6px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 6px 6px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 6px 0 0 6px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: var(--color0); +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +menubutton.flat.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.flat.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.flat.sources-button > button { + border-radius: 0 0 12px 12px; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border-radius: 12px; +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button.flat, +datechooser navigator button.image-button { + min-height: 34px; + min-width: 34px; + padding: 0; +} + +datechooser .weeknum, +datechooser .weekday { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + font-size: smaller; +} + +datechooser button.day { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 34px; + min-width: 34px; + transition: none; +} + +datechooser button.day dot { + background-color: var(--color7); + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected { + background-color: var(--color13); + color: var(--color0); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: var(--color7); +} + +datechooser button.day.today { + color: var(--color13); +} + +datechooser button.day.today dot { + background-color: var(--color13); +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +datechooser button.day.other-month:hover:not(:backdrop) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.week-header.lines { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(var(--color13), 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(var(--color13), 0.25); +} + +monthcell { + border: solid 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: var(--color0); + transition: background-color 200ms; + color: var(--color7); +} + +monthcell:selected { + background-color: alpha(var(--color13), 0.1); +} + +monthcell:selected:hover { + background-color: alpha(var(--color13), 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(var(--color13), 0.2); +} + +monthcell.today:hover { + background-color: alpha(var(--color13), 0.3); + color: var(--color13); +} + +monthcell.today:selected { + background-color: alpha(var(--color13), 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(var(--color13), 0.35); +} + +monthcell label { + color: var(--color7); + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +monthcell.out-of-month label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 12px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list.background > row { + padding: 2px 12px; +} + +agenda-view list.background > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +menubutton stack > box { + border-spacing: 6px; +} + +#TweakPreferencesPage.tweak-group label.subtitle { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +#TweakPreferencesPage label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.tweak-titlebar-left { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-top-left-radius: 12px; +} + +.tweak-titlebar-left > windowhandle > box { + padding: 0px; + margin: 0 5px 0 15px; +} + +.tweak-titlebar-left > windowhandle widget > box.start { + padding: 0px; + margin: 0 2px 0 0; +} + +.tweak-titlebar-left > windowhandle widget > box, +.tweak-titlebar-left windowtitle { + padding: 0px; + margin: 0 -3px 0 10px; +} + +.tweak-titlebar-left:backdrop { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-top-left-radius: 12px; +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow .dim-label, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row label.subtitle, row .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow label.subtitle, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row.expander image.expander-row-arrow, row.expander .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: var(--color13); + border-radius: 0; + color: var(--color0); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +carousel.card { + border: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.smaller { + font-size: smaller; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +gs-summary-tile image.loading-icon { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 12px; +} + +.review-row > box { + margin: 12px; + border-spacing: 3px; +} + +.review-row textview { + background: none; +} + +.review-row .edit-icon { + min-width: 24px; + min-height: 24px; + padding: 6px; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: var(--color19); +} + +.origin-button > button { + padding: 3px 9px; +} + +clamp { + background-color: var(--color0); +} + +.nautilus-window clamp { + background-color: transparent; +} + + +clamp.medium .category-tile:not(.category-tile-iconless) { + font-size: large; +} + +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +flowboxchild.card:not(.category-tile) { + padding: 0; + box-shadow: none; + border: none; + background-color: transparent; + background-image: none; +} + +.category-tile.card { + padding: 21px; + border: none; + border-radius: 12px; + min-width: 140px; + font-weight: 900; + font-size: larger; +} + +.category-tile.card:not(.category-tile-iconless), .category-tile.card:not(.category-tile-iconless):active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + animation: none; +} + +.category-tile.card.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; +} + +.category-tile.card.category-create { + background: linear-gradient(180deg, var(--color13) 0%, var(--color6) 100%); + color: var(--color10); +} + +.category-tile.card.category-create:hover { + background: linear-gradient(180deg, shade(var(--color13), 1.07) 0%, shade(var(--color6), 1.1) 100%); + color: var(--color10); +} + +.category-tile.card.category-create:active { + background: linear-gradient(180deg, shade(var(--color13), 0.95) 0%, shade(var(--color6), 0.95) 100%); + color: var(--color10); +} + +.category-tile.card.category-develop { + background-color: var(--color19); + color: var(--color7); +} + +.category-tile.card.category-develop:hover { + background-color: shade(var(--color19), 1.2); + color: var(--color7); +} + +.category-tile.card.category-develop:active { + background-color: shade(var(--color19), 0.95); + color: var(--color7); +} + +.category-tile.card.category-learn { + background: linear-gradient(180deg, var(--color20) 30%, var(--color19) 100%); + color: var(--color21); +} + +.category-tile.card.category-learn:hover { + background: linear-gradient(180deg, shade(var(--color20), 1.06) 30%, shade(var(--color19), 1.06) 100%); + color: var(--color21); +} + +.category-tile.card.category-learn:active { + background: linear-gradient(180deg, shade(var(--color20), 0.95) 30%, shade(var(--color19), 0.95) 100%); + color: var(--color21); +} + +.category-tile.card.category-play { + background: linear-gradient(75deg, var(--color19) 0%, #eb5ec3 50%, var(--color13) 100%); + color: var(--color11); +} + +.category-tile.card.category-play:hover { + background: linear-gradient(75deg, shade(var(--color19), 1.07) 0%, shade(var(--color13), 1.07) 50%, shade(var(--color3), 1.07) 100%); + color: var(--color11); +} + +.category-tile.card.category-play:active { + background: linear-gradient(75deg, shade(var(--color19), 0.97) 0%, shade(var(--color13), 0.95) 50%, shade(var(--color3), 1.07) 100%); + color: var(--color11); +} + +.category-tile.card.category-socialize { + background: linear-gradient(90deg, var(--color13) 0%, var(--color3) 100%); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.category-tile.card.category-socialize:hover { + background: linear-gradient(90deg, shade(var(--color13), 1.08) 0%, shade(var(--color3), 1.08) 100%); +} + +.category-tile.card.category-socialize:active { + background: linear-gradient(90deg, shade(var(--color13), 0.95) 0%, shade(var(--color3), 0.95) 100%); +} + +.category-tile.card.category-work { + padding: 1px; + color: var(--color13); + background-color: var(--color0); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.category-tile.card.category-work:hover { + color: var(--color13); + background-color: var(--color14); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); +} + +.category-tile.card.category-work:active { + color: var(--color13); + background-color: var(--color22); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.featured-tile { + padding: 0; + box-shadow: none; + color: var(--color7); +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.application-details-infobar.warning { + background-color: var(--color19); + color: var(--color7); + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.card.info { + background-color: var(--color23); + color: var(--color7); +} + +.card.warning { + background-color: var(--color14); + color: var(--color5); +} + +.infobox { + border-spacing: 6px; + padding: 12px; +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, var(--color13) 2px, alpha(var(--color13), 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(233, 233, 237, 0.12), rgba(233, 233, 237, 0.12)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-image: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.review-histogram star-image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +flowboxchild { + padding: 0px; +} + +star-image > image.starred { + color: var(--color20); + transition-duration: 200ms; +} + +star-image > image.starred:hover { + color: var(--color19); +} + +star-image > image.non-starred { + opacity: 0.2; + transition-duration: 200ms; +} + +star-image > image.non-starred:hover { + color: var(--color20); + opacity: 0.7; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 12px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, var(--color20), var(--color13)); + color: var(--color10); +} + +.upgrade-buttons #button_upgrades_install, +.upgrade-buttons #button_upgrades_install_cancel { + padding-left: 16px; + padding-right: 16px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + transition-property: outline, outline-offset, background-image; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); +} + +app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { + background-color: alpha(currentColor, 0.12); +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +app-context-bar > box:not(:first-child) > button.flat { + border-radius: 0; +} + +app-context-bar > box:not(:first-child) > button.flat:last-child { + border-radius: 0 12px 12px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 12px 0 0 12px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: var(--color19); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: var(--color8); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: var(--color19); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: var(--color6); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: var(--color5); + background-color: rgba(245, 42, 101, 0.15); +} + +.eol-red { + font-weight: bold; + color: var(--color5); +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: 'tnum'; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp:not(:last-child) +> box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp +> box +> .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp +> box +> .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -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); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: var(--color5); +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents > leaflet > box > stack.background { + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, transparent 46px, var(--color0) 46px, var(--color0)); +} + +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 6px; +} + +.weather-popover { + margin-top: 6px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 12px; +} + +.forecast-card separator { + background-color: var(--color0); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 18px; + margin-right: 18px; +} + +#weather-page .small .forecast-card { + margin-left: 0; + margin-right: 0; + border-radius: 0; + border-width: 1px 0; +} + +.forecast-temperature-label { + font-weight: bold; + color: #ae7b03; +} + +WeatherThermometer { + margin-bottom: 12px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: var(--color19); +} + +WeatherThermometer > label.low { + font-weight: bold; + color: var(--color6); +} + +.forecast-button { + margin: 0 12px; +} + +.forecast-graphic { + margin: 18px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 24px; + min-height: 24px; +} + +button.osd.circular > image { + padding: 0; +} + +scrolledwindow.inline list, +scrolledwindow.inline listview { + background: none; + color: inherit; +} + +scrolledwindow.inline undershoot.top { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.search-view { + background-color: var(--color13); + color: var(--color0); +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +image.circular { + min-width: 34px; + min-height: 34px; + padding: 0; + border-radius: 9999px; +} + +#gnome-system-monitor.background.csd { + background-color: var(--color0); +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: var(--color13); +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: var(--color13); + background-color: alpha(var(--color6), 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: var(--color6); + background-color: alpha(var(--color6), 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: var(--color19); + background: alpha(var(--color19), 0.25); +} + +headerbar splitbutton notification button { + margin: 0; + min-height: 24px; + min-width: 24px; + padding: 0; +} + +popover.background.global-search > arrow, +popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 3px; +} + +.frameheader.header { + min-height: 24px; + background-color: var(--color0); +} + +.frameheader.header > button { + border: none; + margin: 0; + padding: 3px; +} + +.frameheader.header tabbar.inline > revealer > box { + min-height: 24px; +} + +.frameheader.header tabbar.inline > revealer > box .start-action { + padding: 0; + border: none; +} + +.frameheader.header tabbar.inline > revealer > box .end-action { + padding: 0; + border-left: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton button { + border-radius: 0; +} + +.style-variant { + padding: 0 12px; +} + +.style-variant button.toggle { + padding: 0; +} + +.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked { + background: none; + outline: none; + border: none; + box-shadow: none; +} + +.style-variant button.toggle > stylevariantpreview > .wallpaper { + border-radius: 12px; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; + box-shadow: none; +} + +.style-variant button.toggle:hover > stylevariantpreview > .wallpaper { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: var(--color13); +} + +playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +playlistview queuerow picture.cover, +playlistview queuerow image.card { + border: none; +} + +window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { + border: none; + border-radius: 0; +} + +window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child { + border-radius: 0; +} + +/* Tagger */ +list.music-list { + margin: -40px 0; + background-color: transparent; +} + +/* Nicotine+ */ +notebook scrolledwindow treeview.treeview-spacing { + background-color: var(--color0); +} + +.account-switcher-row label { + color: var(--color7); +} + +.account-switcher-row label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +avatar { + border-radius: 9999px; + font-weight: bold; +} + +avatar.color1 { + background-image: linear-gradient(#83b6ec, #337fdc); + color: #cfe1f5; +} + +avatar.color2 { + background-image: linear-gradient(#7ad9f1, #0f9ac8); + color: #caeaf2; +} + +avatar.color3 { + background-image: linear-gradient(#8de6b1, #29ae74); + color: #cef8d8; +} + +avatar.color4 { + background-image: linear-gradient(#b5e98a, #6ab85b); + color: #e6f9d7; +} + +avatar.color5 { + background-image: linear-gradient(#f8e359, #d29d09); + color: #f9f4e1; +} + +avatar.color6 { + background-image: linear-gradient(#ffcb62, #d68400); + color: #ffead1; +} + +avatar.color7 { + background-image: linear-gradient(#ffa95a, #ed5b00); + color: #ffe5c5; +} + +avatar.color8 { + background-image: linear-gradient(#f78773, #e62d42); + color: #f8d2ce; +} + +avatar.color9 { + background-image: linear-gradient(#e973ab, #e33b6a); + color: #fac7de; +} + +avatar.color10 { + background-image: linear-gradient(#cb78d4, #9945b5); + color: #e7c2e8; +} + +avatar.color11 { + background-image: linear-gradient(#9e91e8, #7a59ca); + color: #d5d2f5; +} + +avatar.color12 { + background-image: linear-gradient(#e3cf9c, #b08952); + color: #f2eade; +} + +avatar.color13 { + background-image: linear-gradient(#be916d, #785336); + color: #e5d6ca; +} + +avatar.color14 { + background-image: linear-gradient(#c0bfbc, #6e6d71); + color: #d8d7d3; +} + +avatar.contrasted { + color: var(--color7); +} + +avatar.image { + background: none; +} + +.card { + border-radius: 12px; + border: none; + background-clip: border-box; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + box-shadow: none; + outline: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +.card.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.card.activatable:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +.card.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +.toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: #E9E9DD; + color: var(--color7); + border: none; +} + +.toast:dir(ltr) { + padding-left: 12px; +} + +.toast:dir(rtl) { + padding-right: 12px; +} + +.toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 2px; + border-spacing: 3px; +} + +viewswitcher.wide button.toggle { + border-radius: 3px; +} + +viewswitcher.wide button.toggle:first-child { + border-top-left-radius: 17px; + border-bottom-left-radius: 17px; +} + +viewswitcher.wide button.toggle:last-child { + border-top-right-radius: 17px; + border-bottom-right-radius: 17px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0 0 3px 3px; + margin: 0; +} + +viewswitcher.narrow button.toggle:first-child { + border-bottom-left-radius: 12px; +} + +viewswitcher.narrow button.toggle:last-child { + border-bottom-right-radius: 12px; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle:focus:not(:hover):not(:active) { + box-shadow: none; + outline: none; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 8px; + padding-bottom: 4px; + border-spacing: 3px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle { + border-radius: 12px; + margin: 3px 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 5px; + padding-bottom: 1px; + border-spacing: 0; +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 0; + padding-bottom: 0; + border-spacing: 0; +} + +viewswitchertitle viewswitcher.wide { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +indicatorbin > indicator, +indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: var(--color7); +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: var(--color13); +} + +indicatorbin.needs-attention > indicator > label { + color: var(--color7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +preferencesgroup > box background-preview widget.sidebar, +preferencesgroup > box widget.header-bar:not(.editable-area) { + background-color: var(--color0); +} + +preferencesgroup > box, +preferencesgroup > box .labels { + border-spacing: 6px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 6px; +} + +preferencesgroup > box > box.single-line { + min-height: 34px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, +preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 9px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: var(--color13); +} + +preferencesgroup > box .cutout-button { + background-color: var(--color0); +} + +preferencesgroup > box button.accent-button { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; + background: var(--accent-bg-color); + outline: none; + background-clip: content-box; + box-shadow: none; +} + +preferencesgroup > box button.accent-button:hover { + box-shadow: 0 0 0 3px alpha(currentColor, 0.08); +} + +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px var(--color13); +} + +preferencesgroup > box button.accent-button.blue, preferencesgroup > box button.accent-button.teal, preferencesgroup > box button.accent-button.green, preferencesgroup > box button.accent-button.yellow, preferencesgroup > box button.accent-button.orange, preferencesgroup > box button.accent-button.red, preferencesgroup > box button.accent-button.pink, preferencesgroup > box button.accent-button.purple, preferencesgroup > box button.accent-button.slate { + --accent-color: oklab( + from var(--accent-bg-color) var(--standalone-color-oklab) + ); +} + +preferencesgroup > box button.accent-button.blue { + --accent-bg-color: var(--accent-blue); +} + +preferencesgroup > box button.accent-button.teal { + --accent-bg-color: var(--accent-teal); +} + +preferencesgroup > box button.accent-button.green { + --accent-bg-color: var(--accent-green); +} + +preferencesgroup > box button.accent-button.yellow { + --accent-bg-color: var(--accent-yellow); +} + +preferencesgroup > box button.accent-button.orange { + --accent-bg-color: var(--accent-orange); +} + +preferencesgroup > box button.accent-button.red { + --accent-bg-color: var(--accent-red); +} + +preferencesgroup > box button.accent-button.pink { + --accent-bg-color: var(--accent-pink); +} + +preferencesgroup > box button.accent-button.purple { + --accent-bg-color: var(--accent-purple); +} + +preferencesgroup > box button.accent-button.slate { + --accent-bg-color: var(--accent-slate); +} + +preferencesgroup > box box > list.boxed-list-separate { + background-color: transparent; + border-radius: 12px; +} + +preferencesgroup > box box > list.boxed-list-separate row { + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px 12px 0 0; + margin-top: 0px; + margin-bottom: 2px; +} + +preferencesgroup > box box > list.boxed-list-separate row:first-child { + border-radius: 12px 12px 0 0; +} + +preferencesgroup > box box > list.boxed-list-separate row:last-child { + border-radius: 0 0 12px 12px; + margin-bottom: 0; +} + +preferencesgroup > box box > list.boxed-list-separate row + row { + margin-top: 2px; +} + +preferencesgroup > box box > list.boxed-list-separate row:hover, preferencesgroup > box box > list.boxed-list-separate row:focus { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +window.about .main-page > viewport > clamp > box { + margin: 12px; + border-spacing: 6px; +} + +window.about .main-page > viewport > clamp > box > box { + margin-top: 18px; + border-spacing: 18px; + margin-bottom: 6px; +} + +window.about .main-page .app-version { + padding: 3px 18px; + color: var(--color13); + border-radius: 12px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.55); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.35; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 24px 12px; + border-spacing: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2); + background-image: none; +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background-color: transparent; + background-image: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right, +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up, +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down, +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +.sidebar-pane .sidebar > scrolledwindow, +.sidebar-pane toolbarview > scrolledwindow, +.sidebar-pane navigation-view-page stack > scrolledwindow, .sidebar-pane, .toolbar, filechooser paned > box, placessidebar > scrolledwindow, agenda-view list.background, .tweak-titlebar-left, .tweak-titlebar-left:backdrop, leaflet.unfolded > box > scrolledwindow, leaflet.unfolded .contacts-contact-list > scrolledwindow, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow { + background-color: var(--color0); + color: var(--color7); + border-radius: 0; + margin: 0; +} + +.sidebar-pane .sidebar > scrolledwindow .dim-label, +.sidebar-pane toolbarview > scrolledwindow .dim-label, +.sidebar-pane navigation-view-page stack > scrolledwindow .dim-label, .sidebar-pane .dim-label, .toolbar .dim-label, filechooser paned > box .dim-label, placessidebar > scrolledwindow .dim-label, agenda-view list.background .dim-label, .tweak-titlebar-left .dim-label, leaflet.unfolded > box > scrolledwindow .dim-label, leaflet.unfolded .contacts-contact-list > scrolledwindow .dim-label, .sidebar-pane row label.subtitle, row .sidebar-pane label.subtitle, .toolbar row label.subtitle, row .toolbar label.subtitle, filechooser paned > box row label.subtitle, row filechooser paned > box label.subtitle, placessidebar > scrolledwindow row label.subtitle, row placessidebar > scrolledwindow label.subtitle, agenda-view list.background row label.subtitle, row agenda-view list.background label.subtitle, .tweak-titlebar-left row label.subtitle, row .tweak-titlebar-left label.subtitle, leaflet.unfolded > box > scrolledwindow row label.subtitle, row leaflet.unfolded > box > scrolledwindow label.subtitle, leaflet.unfolded .contacts-contact-list > scrolledwindow row label.subtitle, row leaflet.unfolded .contacts-contact-list > scrolledwindow label.subtitle, .sidebar-pane row.expander image.expander-row-arrow, row.expander .sidebar-pane image.expander-row-arrow, .toolbar row.expander image.expander-row-arrow, row.expander .toolbar image.expander-row-arrow, filechooser paned > box row.expander image.expander-row-arrow, row.expander filechooser paned > box image.expander-row-arrow, placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander placessidebar > scrolledwindow image.expander-row-arrow, agenda-view list.background row.expander image.expander-row-arrow, row.expander agenda-view list.background image.expander-row-arrow, .tweak-titlebar-left row.expander image.expander-row-arrow, row.expander .tweak-titlebar-left image.expander-row-arrow, leaflet.unfolded > box > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded > box > scrolledwindow image.expander-row-arrow, leaflet.unfolded .contacts-contact-list > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded .contacts-contact-list > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.nautilus-window placessidebar > scrolledwindow { + background-color: var(--color0); + color: var(--color7); + border-radius: 0; + margin: 0 6px 0 0; +} + +.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window placessidebar > scrolledwindow label.subtitle, .nautilus-window placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander .nautilus-window placessidebar > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough, placessidebar > scrolledwindow > scrollbar > range > trough, .nautilus-window placessidebar scrollbar > range > trough, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough { + margin: 0 -8px 0 0; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + background-color: var(--color0); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:hover, placessidebar > scrolledwindow > scrollbar > range > trough > slider:hover, .nautilus-window placessidebar scrollbar > range > trough > slider:hover, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover { + background-color: var(--color17); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:active, placessidebar > scrolledwindow > scrollbar > range > trough > slider:active, .nautilus-window placessidebar scrollbar > range > trough > slider:active, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active { + background-color: var(--color17); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:disabled, placessidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, .nautilus-window placessidebar scrollbar > range > trough > slider:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled { + background-color: var(--color0); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +calendar-view { + margin: 6px; +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px; + margin: 6px; +} + +placessidebar list.navigation-sidebar, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar { + padding: 6px 0 6px 6px; + background: none; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +placessidebar list.navigation-sidebar > separator, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > separator, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > separator, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 10px 15px; +} + +placessidebar list.navigation-sidebar > row, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); + border-radius: 9px; + color: var(--color7); + padding: 6px 0; +} + +placessidebar list.navigation-sidebar > row:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:active, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus { + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row:selected, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + color: var(--color13); + font-weight: 500; +} + +placessidebar list.navigation-sidebar > row:selected:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:hover, placessidebar list.navigation-sidebar > row:selected:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:focus { + /* background-color: rgba($base, 0.9); */ + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.top, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.top, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.top, filechooser paned > box scrolledwindow scrollbar.top, placessidebar > scrolledwindow > scrollbar.top, .nautilus-window placessidebar scrollbar.top, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.top, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.top, leaflet.unfolded > box > scrolledwindow > scrollbar.top, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.top, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.top { + border-bottom: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.bottom, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.bottom, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.bottom, filechooser paned > box scrolledwindow scrollbar.bottom, placessidebar > scrolledwindow > scrollbar.bottom, .nautilus-window placessidebar scrollbar.bottom, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.bottom, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.bottom, leaflet.unfolded > box > scrolledwindow > scrollbar.bottom, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.bottom, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.bottom { + border-top: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.left, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.left, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.left, filechooser paned > box scrolledwindow scrollbar.left, placessidebar > scrolledwindow > scrollbar.left, .nautilus-window placessidebar scrollbar.left, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.left, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.left, leaflet.unfolded > box > scrolledwindow > scrollbar.left, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.left, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.left { + border-right: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.right, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.right, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.right, filechooser paned > box scrolledwindow scrollbar.right, placessidebar > scrolledwindow > scrollbar.right, .nautilus-window placessidebar scrollbar.right, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.right, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.right, leaflet.unfolded > box > scrolledwindow > scrollbar.right, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.right, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.right { + border-left: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, filechooser paned > box scrolledwindow scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar > range > trough > slider, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + border: 4px solid transparent; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + border: none; + margin: 1px; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.dragging, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.dragging, placessidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, .nautilus-window placessidebar scrollbar.overlay-indicator.dragging, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.dragging, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.dragging, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.dragging, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.hovering, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.hovering, placessidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, .nautilus-window placessidebar scrollbar.overlay-indicator.hovering, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.hovering, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.hovering, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.hovering, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.hovering, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-top > undershoot.top, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-top > undershoot.top { + border-radius: 12px 12px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-bottom > undershoot.bottom, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 12px 12px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.sidebar-pane { + color: var(--color7); + border-top-left-radius: 12px; +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane headerbar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane .navigation-sidebar { + padding: 2px 4px; + background: none; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.sidebar-pane:dir(ltr), +.sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), +.sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-right: none; +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: transparent; + color: var(--color7); +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: transparent; + transition: none; +} + +.content-pane { + background-color: var(--color0); + color: var(--color7); + border-top-right-radius: 12px; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.content-pane headerbar, .content-pane headerbar:backdrop { + background-color: transparent; + box-shadow: none; + border: none; +} + +.maximized .content-pane, .fullscreen .content-pane, .tiled .content-pane, .tiled-top .content-pane, .tiled-right .content-pane, .tiled-bottom .content-pane, .tiled-left .content-pane { + border-radius: 0; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.top-bar { + box-shadow: none; + background: none; + border: none; +} + +.top-bar headerbar, .top-bar headerbar:backdrop { + background-color: transparent; + box-shadow: none; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px var(--color13); +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, var(--color7) 50%, var(--color17) 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: var(--color7); +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: var(--color17); +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: none; + color: var(--color0); + background-color: var(--color13); + border: 2px solid var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: var(--color0); + background-color: var(--color13); +} + +themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px var(--color13); +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active { + background-color: transparent; + border: none; + background: none; + box-shadow: none; + color: transparent; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +themeswitcher checkbutton.system { + background: linear-gradient(-45deg, var(--color0) 50%, var(--color7) 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: var(--color7); +} + +themeswitcher checkbutton.dark { + color: var(--color7); + background-color: var(--color0); +} From bf98b47ffb8482b881fdbb6c94db0f131c7743e1 Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:48:59 +0600 Subject: [PATCH 13/17] Update gtk.css --- dotfiles/.config/gtk-3.0/gtk.css | 8669 +++++++++++++++++++++++++++++- 1 file changed, 8668 insertions(+), 1 deletion(-) diff --git a/dotfiles/.config/gtk-3.0/gtk.css b/dotfiles/.config/gtk-3.0/gtk.css index 131974a23..07795ba29 100644 --- a/dotfiles/.config/gtk-3.0/gtk.css +++ b/dotfiles/.config/gtk-3.0/gtk.css @@ -1,2 +1,8669 @@ -@import 'colors.css'; +@import url("colors.css"); +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-color: var(--color13); + opacity: 0.1; + } + to { + background-color: transparent; + opacity: 0; + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: var(--color0); + color: var(--color7); +} + +dnd { + color: var(--color7); +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, +.view { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +iconview:disabled, +.view:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); +} + +iconview:selected, +.view:selected { + color: var(--color1); + background-color: var(--color13); +} + +textview text { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +textview border { + background-color: var(--color0); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, columnview.view > rubberband, +.content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid var(--color13); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 12px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: var(--color7); + background-color: var(--color0); + border: 1px solid black; +} + +label.separator { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 12px; + background-color: var(--color4); + color: var(--color7); +} + + +.dim-label, +row.expander image.expander-row-arrow, +row label.subtitle { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + opacity: 1; +} + +.accent { + color: var(--color13); +} + +.success { + color: var(--color20); +} + +.warning { + color: var(--color19); +} + +.error { + color: var(--color5); +} + +.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 { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: var(--color7); +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: var(--color7); + background-color: var(--color0); + background-clip: padding-box; + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd, .osd.background { + background-color: var(--color0); + color: var(--color7); + border-radius: 12px; + padding: 12px; + border: 1px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.1); +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * Spinner Animation * + *********************/ +@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; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 34px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color7); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +entry headerbar popover.background entry:drop(active), +headerbar popover.background entry entry:drop(active), +entry headerbar popover.background entry:hover:not(:focus-within), +headerbar popover.background entry entry:hover:not(:focus-within), +entry:drop(active), +entry:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry:disabled, +headerbar popover.background entry entry:disabled, +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.5); + outline: none; +} + +entry headerbar popover.background entry.flat:focus-within, +headerbar popover.background entry entry.flat:focus-within, +entry headerbar popover.background entry.flat:disabled, +headerbar popover.background entry entry.flat:disabled, +entry headerbar popover.background entry.flat:hover, +headerbar popover.background entry entry.flat:hover, +entry headerbar popover.background entry.flat, +headerbar popover.background entry entry.flat, +entry.flat:focus-within, +entry.flat:disabled, +entry.flat:hover, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + box-shadow: none; + border-radius: 0; + outline: none; +} + +entry headerbar popover.background entry image, +headerbar popover.background entry entry image, +entry image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +entry headerbar popover.background entry image:hover, +headerbar popover.background entry entry image:hover, +entry headerbar popover.background entry image:active, +headerbar popover.background entry entry image:active, +entry image:hover, +entry image:active { + color: var(--color7); +} + +entry headerbar popover.background entry image:disabled, +headerbar popover.background entry entry image:disabled, +entry image:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +entry headerbar popover.background entry image.left, +headerbar popover.background entry entry image.left, +entry image.left { + margin: 0 6px 0 1px; +} + +entry headerbar popover.background entry image.right, +headerbar popover.background entry entry image.right, +entry image.right { + margin: 0 1px 0 6px; +} + +entry headerbar popover.background entry undershoot.left > undershoot.left, +headerbar popover.background entry entry undershoot.left > undershoot.left, +entry undershoot.left > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +entry headerbar popover.background entry undershoot.right > undershoot.right, +headerbar popover.background entry entry undershoot.right > undershoot.right, +entry undershoot.right > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +entry headerbar popover.background entry.error, +headerbar popover.background entry entry.error, +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color:rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.15); + color: var(--color7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.2); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color5); + outline: 2px solid var(--color5); + outline-offset: -2px; +} + +entry headerbar popover.background entry.error:drop(active), +headerbar popover.background entry entry.error:drop(active), +entry headerbar popover.background entry.error:hover:not(:focus-within), +headerbar popover.background entry entry.error:hover:not(:focus-within), +entry.error:drop(active), +entry.error:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color5); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.error:disabled, +headerbar popover.background entry entry.error:disabled, +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.08); + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.error > text > selection, +headerbar popover.background entry entry.error > text > selection, +entry.error > text > selection { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.25); + color: var(--color5); +} + +entry headerbar popover.background entry.error image, +headerbar popover.background entry entry.error image, +entry.error image { + color: var(--color5); +} + +entry headerbar popover.background entry.error image:hover, +headerbar popover.background entry entry.error image:hover, +entry headerbar popover.background entry.error image:active, +headerbar popover.background entry entry.error image:active, +entry.error image:hover, +entry.error image:active { + color: var(--color5); +} + +entry headerbar popover.background entry.error image:disabled, +headerbar popover.background entry entry.error image:disabled, +entry.error image:disabled { + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + color: var(--color16); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color16); + outline: 2px solid var(--color16); + outline-offset: -2px; +} + +entry headerbar popover.background entry.warning:drop(active), +headerbar popover.background entry entry.warning:drop(active), +entry headerbar popover.background entry.warning:hover:not(:focus-within), +headerbar popover.background entry entry.warning:hover:not(:focus-within), +entry.warning:drop(active), +entry.warning:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color16); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.warning:disabled, +headerbar popover.background entry entry.warning:disabled, +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.1); + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.warning > text > selection, +headerbar popover.background entry entry.warning > text > selection, +entry.warning > text > selection { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.25); + color: var(--color16); +} + +entry headerbar popover.background entry.warning image, +headerbar popover.background entry entry.warning image, +entry.warning image { + color: var(--color16); +} + +entry headerbar popover.background entry.warning image:hover, +headerbar popover.background entry entry.warning image:hover, +entry headerbar popover.background entry.warning image:active, +headerbar popover.background entry entry.warning image:active, +entry.warning image:hover, +entry.warning image:active { + color: var(--color16); +} + +entry headerbar popover.background entry.warning image:disabled, +headerbar popover.background entry entry.warning image:disabled, +entry.warning image:disabled { + color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.1); + color: var(--color13); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color13); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +entry headerbar popover.background entry.success:drop(active), +headerbar popover.background entry entry.success:drop(active), +entry headerbar popover.background entry.success:hover:not(:focus-within), +headerbar popover.background entry entry.success:hover:not(:focus-within), +entry.success:drop(active), +entry.success:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: var(--color13); + outline: 0 solid transparent; + outline-offset: 2px; +} + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.1); + color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); + outline: none; +} + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.25); + color: var(--color13); +} + +entry headerbar popover.background entry.success image, +headerbar popover.background entry entry.success image, +entry.success image { + color: var(--color13); +} + +entry headerbar popover.background entry.success image:hover, +headerbar popover.background entry entry.success image:hover, +entry headerbar popover.background entry.success image:active, +headerbar popover.background entry entry.success image:active, +entry.success image:hover, +entry.success image:active { + color: var(--color13); +} + +entry headerbar popover.background entry.success image:disabled, +headerbar popover.background entry entry.success image:disabled, +entry.success image:disabled { + color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); +} + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid var(--color13); + background-color: transparent; +} + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: var(--color0); +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + color: var(--color7); +} + +.entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +editablelabel > stack > text { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + 0% { + background-color: var(--color13); + box-shadow: 0 0 0px var(--color13); + opacity: 0.8; + } + 100% { + background-color: transparent; + box-shadow: 0 0 12px 4px var(--color13); + opacity: 0; + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button { + background-color: var(--color0); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:checked { + background-color: var(--color14); + color: var(--color13); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button, +dnd tab:not(:selected) button.image-button.tab-close-button, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button, notebook > header menubutton > button.flat { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:hover, +dnd tab:not(:selected) button.image-button.tab-close-button:hover, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:hover, notebook > header menubutton > button.flat:hover, tabbar tab:not(:selected) button.image-button.tab-close-button:active, +dnd tab:not(:selected) button.image-button.tab-close-button:active, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:active, notebook > header menubutton > button.flat:active, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, tabbar notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +dnd notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header > tabs > tab:not(:checked):not(:selected) button.keyboard-activating.small-button, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header > tabs > tab:not(:checked):not(:selected) button.keyboard-activating.small-button, tabbar notebook > header > tabs > tab:not(:checked):not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, +dnd notebook > header > tabs > tab:not(:checked):not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) button.keyboard-activating.small-button, notebook > header menubutton > button.flat:focus:not(:hover):not(:active) tabbar tab:not(:selected) button.keyboard-activating.image-button.tab-close-button, tabbar tab:not(:selected) notebook > header menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, +notebook > header menubutton > button.flat:focus:not(:hover):not(:active) dnd tab:not(:selected) button.keyboard-activating.image-button.tab-close-button, +dnd tab:not(:selected) notebook > header menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.image-button.tab-close-button, notebook > header > tabs > tab:not(:checked):not(:selected) menubutton > button.flat:focus:not(:hover):not(:active) button.keyboard-activating.small-button, tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, +dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) notebook > header menubutton > button.keyboard-activating.flat, notebook > header tabbar tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, tabbar tab:not(:selected) notebook > header button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, +notebook > header dnd tab:not(:selected) button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, +dnd tab:not(:selected) notebook > header button.image-button.tab-close-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat, notebook > header menubutton > button.flat:focus:not(:hover):not(:active) menubutton > button.keyboard-activating.flat { + color: var(--color0); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:checked, +dnd tab:not(:selected) button.image-button.tab-close-button:checked, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:checked, notebook > header menubutton > button.flat:checked { + background-color: var(--color14); + color: var(--color12); +} + +tabbar tab:not(:selected) button.image-button.tab-close-button:disabled, +dnd tab:not(:selected) button.image-button.tab-close-button:disabled, notebook > header > tabs > tab:not(:checked):not(:selected) button.small-button:disabled, notebook > header menubutton > button.flat:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: var(--color7); +} + +headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus { + outline: 2px solid var(--color13); + outline-offset: 0; +} + +headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked { + background-color: var(--color13); + color: var(--color0); +} + +headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: var(--color13); + color: var(--color0); +} + +headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: var(--color7); + outline: 2px solid transparent; + outline-offset: -2px; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +#NautilusPathButton, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, .app-notification button, .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, +splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, +splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, +splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +#NautilusPathButton:focus:not(:hover):not(:active), filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), +splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), +splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), +splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + color: var(--color7); + outline: 2px solid transparent; + outline-offset: -2px; +} + +#NautilusPathButton:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, +splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, +splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, +splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +#NautilusPathButton:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, +splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, +splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, +splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +#NautilusPathButton:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, +splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, +splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, +splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +#NautilusPathButton:checked, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +#NautilusPathButton:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, +splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, +splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, +splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +button.opaque { + box-shadow: none; +} + +.osd button.opaque:focus:focus-visible { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.15); +} + +button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +button.keyboard-activating.opaque, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +button.opaque:checked.keyboard-activating, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +.nautilus-window .floating-bar button, placessidebar list.navigation-sidebar > row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 9px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button separator { + margin: 4px 1px; +} + +button.opaque { + background-color: var(--color14); + color: var(--color7); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +button.text-button.image-button > box, +button.text-button.image-button > box > box, button.image-text-button > box, +button.image-text-button > box > box { + border-spacing: 4px; +} + +button.text-button.image-button > box > label, +button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.image-text-button > box > box > label { + padding-left: 2px; + padding-right: 2px; +} + +button.text-button.image-button label:first-child, button.image-text-button label:first-child { + margin-left: 11px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 7px; +} + +button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { + margin: 0 4px; +} + +button.arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.arrow-button > box { + border-spacing: 4px; +} + +button.arrow-button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.arrow-button.text-button > box { + border-spacing: 6px; +} + +menubutton.pill > button, button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-color: var(--color0); + background-clip: padding-box; + font-weight: inherit; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-clip: border-box; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button.card.keyboard-activating, button.card:active { + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +button.card:checked { + background-image: none; + background-color: var(--color13); + color: var(--color0); + border-color: var(--color13); +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: var(--color13); + color: var(--color10); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: var(--color13); + box-shadow: inset 0 0 0 1px var(--color13); +} + +.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + background-color: alpha(currentColor, 0.05); +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > menubutton > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 5px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: var(--color7); +} + +button.osd > image { + padding: 0; +} + +button.osd.remove-button { + padding: 0; +} + +button.osd:focus { + outline-color: transparent; +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.45); + color: var(--color7); +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: var(--color7); +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.35); +} + +button.suggested-action { + background-color: var(--color6); + color: var(--color8); + box-shadow: none; +} + +button.suggested-action:hover { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.85); +} + +button.suggested-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +button.suggested-action:checked { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.6); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: var(--color6); +} + +button.suggested-action.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.3); +} + +button.destructive-action { + background-color: var(--color5); + color: var(--color16); + box-shadow: none; +} + +button.destructive-action:hover { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.85); +} + +button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +button.destructive-action:checked { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.6); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: var(--color5); +} + +button.destructive-action.flat:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +menubutton.destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +menubutton.opaque { + background-color: var(--color14); + color: var(--color7); +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 12px; +} + +menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { + border-radius: 9999px; +} + +menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { + background-color: transparent; + color: inherit; +} + +menubutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 6px; +} + +menubutton arrow { + min-height: 16px; + min-width: 16px; +} + +menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); +} + +menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +splitbutton { + border-radius: 12px; +} + +splitbutton, splitbutton > separator { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background-color; +} + +splitbutton > separator { + min-width: 0; + margin-top: 6px; + margin-bottom: 6px; + background-color: transparent; + background: none; +} + +splitbutton > menubutton > button { + padding: 5px 9px; +} + +splitbutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 6px; +} + +splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { + padding-left: 9px; + padding-right: 9px; +} + +splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { + border-spacing: 6px; +} + +splitbutton > button:dir(ltr), +splitbutton > menubutton > button:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + margin-right: 0; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: 0; +} + +splitbutton.flat > separator { + background: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.07); +} + +splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { + background: none; +} + +splitbutton.flat:focus-within:focus-visible > separator { + background: none; +} + +splitbutton.flat > button, +splitbutton.flat > menubutton > button { + border-radius: 12px; +} + +splitbutton.suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +splitbutton.destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +splitbutton.opaque { + background-color: var(--color14); + color: var(--color7); +} + +splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button, +splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button, +splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button, +splitbutton.opaque > menubutton > button:checked { + color: inherit; + background-color: transparent; +} + +splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { + box-shadow: inset 1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { + box-shadow: inset -1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +splitbutton > menubutton > button > arrow.none { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +buttoncontent { + border-spacing: 6px; +} + +buttoncontent > label { + font-weight: bold; +} + +buttoncontent > label:dir(ltr) { + padding-right: 2px; +} + +buttoncontent > label:dir(rtl) { + padding-left: 2px; +} + +.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { + padding-right: 0; +} + +.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { + padding-left: 0; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +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; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 12px; +} + +.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 12px; +} + +.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical button:not(:first-child) { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical button:not(:last-child) { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical menubutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical menubutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical dropdown:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical dropdown:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical colorbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical colorbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical fontbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical fontbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical tabbutton:not(:first-child) > button { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical tabbutton:not(:last-child) > button { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical entry:not(:first-child) { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical entry:not(:last-child) { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 1px; +} + +.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + margin-top: 1px; +} + +.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + + +list > row button.image-button:not(.flat) { + background-color: transparent; + box-shadow: none; + border: none; +} + + +list > row button.image-button:not(.flat):hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: var(--color6); + color: var(--color7); +} + +list > row button.image-button:not(.flat).destructive-action { + background-color: var(--color5); + color: var(--color7); +} + +/********* + * Links * + *********/ +link { + color: var(--color13); +} + +link:visited { + color: var(--color3); +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: var(--color13); +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: var(--color3); +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 12px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +spinbutton:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: var(--color0); + outline: 2px solid var(--color13); + outline-offset: -2px; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: none; +} + +spinbutton > text { + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + margin: 0; +} + +spinbutton > button { + border: none; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 30px; + padding-left: 12px; +} + +spinbutton:not(.vertical) > button { + padding: 0; + margin: 6px; +} + +spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 3px; +} + +spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 3px; +} + +cell.activatable spinbutton:not(.vertical) { + margin: 3px 0; +} + +cell.activatable spinbutton:not(.vertical) > button { + margin: 0; + padding: 0; + min-height: 24px; + border-radius: 0; +} + +cell.activatable spinbutton:not(.vertical) > button:last-child { + border-radius: 0 12px 12px 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 0; +} + +spinbutton.vertical > text { + min-height: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 8px; +} + +/************** + * ComboBoxes * + **************/ +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 button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: -1px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -1px; +} + +dropdown popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: var(--color7); + background-color: alpha(currentColor, 0.06); +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; +} + +dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child), +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -34px; + padding-right: 34px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -34px; + padding-left: 34px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 4px; + border-radius: 12px; +} + +.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +button.combo:only-child { + border-radius: 12px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(233, 233, 237, 0.08); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +button.combo:only-child:focus { + color: var(--color7); + outline: 2px solid transparent; + /* outline: 2px solid $fill; */ + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +button.combo:only-child:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +button.combo:only-child:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + outline-color: transparent; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + border-spacing: 6px; +} + +.toolbar .linked button:not(:hover):not(:active):not(:checked):not(:disabled) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); + color: var(--color2); + border: none; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, .toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +.toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator { + margin: 2px; +} + +.toolbar entry, +.toolbar splitbutton, +.toolbar button, +.toolbar scalebutton { + border-radius: 9px; +} + +.toolbar entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border: none; + background-color: transparent; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-color: transparent; + border-radius: 12px; + border: none; + outline: none; +} + +headerbar .linked > button:not(.suggested-action):not(.destructive-action) { + border-radius: 0; +} + +headerbar .linked > button:first-child:not(.suggested-action):not(.destructive-action) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +headerbar .linked > button:last-child:not(.suggested-action):not(.destructive-action) { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +headerbar .linked > button:only-child:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar button:hover:not(.suggested-action):not(.destructive-action) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action) { + color: var(--color7); + outline: none; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + background-color: var(--color13); + color: var(--color0); + outline: none; +} + +headerbar button:checked:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 1000px rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.04); + color: var(--color0); +} + +headerbar button:checked:focus:not(.suggested-action):not(.destructive-action) { + color: var(--color0); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: rgba(225, 226, 231, 0.5); + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +headerbar entry { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border-radius: 12px; +} + +headerbar entry:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar entry image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar entry image:hover, headerbar entry image:active { + color: var(--color7); +} + +headerbar entry image:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: var(--color7); + min-height: 46px; + border: none; + box-shadow: none; + padding: 0; + margin: 0; +} + +headerbar:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar:backdrop { + background-color: transparent; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + box-shadow: none; + transition: none; +} + +headerbar .title { + /* padding: 0 $space-size * 2; */ + padding: 0; + margin: 0 -20px; + font-weight: bold; +} + +headerbar .subtitle { + /* padding: 0 $space-size * 2; */ + padding: 0; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander image.expander-row-arrow, +row.expander headerbar image.expander-row-arrow, +headerbar row label.subtitle, +row headerbar label.subtitle { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar > windowhandle > box { + padding: 0 12px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0; + margin-bottom: 0; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + opacity: 1; +} + +headerbar splitbutton { + /* background-color: if( */ + /* $variant == 'light', */ + /* rgba($base_alt, 0.4), */ + /* $titlebar-fill */ + /* ); */ + background-color: transparent; + border-radius: 12px; +} + +headerbar splitbutton button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +headerbar splitbutton > separator { + background-color: transparent; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar stackswitcher { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +headerbar stackswitcher:checked { + background-color: var(--color13); + color: var(--color0); +} + +headerbar stackswitcher:checked:hover { + background-color: #fdfdfe; +} + +headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +headerbar popover.background button.suggested-action:disabled, +headerbar popover.background button.destructive-action:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar popover.background entry, +headerbar popover.background spinbutton, +headerbar popover.background button, +headerbar popover.background menubutton, +headerbar popover.background stackswitcher { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +headerbar switch { + margin: 11px 6px; +} + +headerbar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: var(--color13); + color: var(--color0); +} + +headerbar.selection-mode:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: var(--color7); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +headerbar.default-decoration { + min-height: 34px; + padding: 0; + margin: 0; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border: none; + outline: none; +} + +.solid-csd headerbar.default-decoration, .maximized headerbar.default-decoration { + border-radius: 0; + box-shadow: none; +} + +window > .titlebar:not(.flat) { + box-shadow: none; +} + +window > .titlebar headerbar:not(.flat) { + box-shadow: none; +} + +window.devel headerbar { + background: var(--color0) cross-fade(10%-gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.1)), linear-gradient(to top, var(--color24) 3px, var(--color0)); +} + +window.devel headerbar:backdrop { + background: var(--color0) cross-fade(10%-gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(var(--color0)); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 5px; + padding-right: 5px; + border-radius: 12px; + background-color: alpha(currentColor, 0.08); + border: none; + box-shadow: none; +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + + +pathbar > button:checked:hover { + background-color: alpha(currentColor, 0.16); + color: var(--color7); +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + border: none; + border-radius: 12px; + padding: 2px; +} + +headerbar .pathbar { + margin-top: 6px; + margin-bottom: 6px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.pathbar > button { + margin-top: 0; + margin-bottom: 0; + min-height: 20px; + border-radius: 10px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: var(--color24); + border-top-color: var(--color24); +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + 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: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +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: var(--color7); +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: var(--color7); +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: var(--color7); +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid var(--color13); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.progressbar:selected:hover, +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 6px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.trough:selected:hover, +treeview.view.trough:selected:hover { + box-shadow: none; +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: solid; + border-width: 0 1px 0 0; + border-color: transparent; + border-radius: 0; + background-clip: border-box; + border-image: linear-gradient(to bottom, transparent 20%, rgba(233, 233, 237, 0.12) 20%, rgba(233, 233, 237, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: transparent; +} + +columnview.view > header > button:last-child, columnview.view > header > button:only-child, +treeview.view > header > button:last-child, +treeview.view > header > button:only-child { + border-right: none; + border-image: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 0; + box-shadow: none; + background-color: var(--color0); + background-clip: border-box; + color: var(--color13); +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: var(--color13); +} + +stack.view treeview.view { + min-height: 34px; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: var(--color0); + color: var(--color7); +} + +menubar:backdrop { + background-color: var(--color0); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.csd menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: var(--color7); +} + +menubar > item:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 9px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: var(--color7); + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; + transition: none; + border-radius: 12px; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background-image: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; + border-radius: 12px; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: alpha(currentColor, 0.06); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: 0; + margin-right: 0; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 0; + margin-right: 0; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: var(--color0); + border-radius: 12px; + color: var(--color7); + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +popover > arrow { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +popover > contents > list, +popover > contents > .view, +popover > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover > contents separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 15px 10px; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 12px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: var(--color0); +} + +popover button, +popover entry, +popover combobox { + border-radius: 12px; +} + +popover .linked > button:not(.radio) { + border-radius: 0; +} + +popover .linked > button:not(.radio):first-child { + border-radius: 12px 0 0 12px; +} + +popover .linked > button:not(.radio):last-child { + border-radius: 0 12px 12px 0; +} + +popover .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: var(--color7); + font: initial; + border-radius: 12px; +} + +popover modelbutton:hover { + transition: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); +} + +popover modelbutton:hover accelerator { + color: var(--color13); +} + +popover modelbutton:hover accelerator:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +popover modelbutton accelerator { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: var(--color0); +} + +/************* + * Notebooks * + *************/ +tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: var(--color7); + font-weight: 500; + border-radius: 9px; +} + +tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +tabbar tab:disabled, notebook > header > tabs > tab:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +tabbar tab:active, notebook > header > tabs > tab:active { + background-color: var(--color0); + color: var(--color7); + box-shadow: none; +} + +tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +notebook, notebook.frame { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 9px; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +notebook > header { + border: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + margin: 3px; + border-radius: 12px; +} + +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 { + padding-left: 4px; + padding-right: 4px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + margin-left: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: 0; + -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 { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + margin-top: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 12px; +} + +notebook > header > tabs > tab { + margin: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + color: var(--color7); +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.small-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) { + margin-right: 0; +} + +notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left > tabs, notebook > header.right > tabs { + padding-top: 0; + padding-bottom: 0; +} + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +tabbar > revealer > box { + box-shadow: none; +} + +tabbar .box { + min-height: 34px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-image: none; + padding: 0; + margin: 3px; + border-radius: 12px; + border: none; + box-shadow: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox { + padding: 3px 3px 3px 0; +} + +tabbar scrolledwindow.pinned tabbox > tabboxchild { + margin: 0; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar scrolledwindow:not(.pinned) tabbox { + padding: 3px 0; +} + +tabbar scrolledwindow:not(.pinned) tabbox > tabboxchild { + margin: 0 -2px; +} + +tabbar scrolledwindow:not(.pinned) tabbox > tabboxchild + separator + tabboxchild { + margin-left: 0; +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar tabbox { + background-color: transparent; + background-image: none; + padding: 0; + margin: 0; + border: none; + box-shadow: none; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tabbox > separator { + margin: 9px 0; + min-width: 1px; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.12); + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > tabboxchild { + padding: 0; +} + +tabbar tabbox > tabboxchild > tab { + margin: 0; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-clip: padding-box; + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, var(--color0), rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(var(--color13), 0.5), alpha(var(--color13), 0.3) 1px, alpha(var(--color13), 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: var(--color0); +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(var(--color0), 0.6); + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +dnd tab { + min-height: 24px; + background-color: var(--color0); + color: var(--color7); + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(233, 233, 237, 0.8), alpha(var(--color13), 0.4) 10%, alpha(var(--color13), 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabbar tab button.image-button.tab-close-button, +dnd tab button.image-button.tab-close-button { + margin-right: -3px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: var(--color0); + box-shadow: none; + outline: none; +} + +scrollbar.top { + border-bottom: 1px solid transparent; +} + +scrollbar.bottom { + border-top: 1px solid transparent; +} + +scrollbar.left { + border-right: 1px solid transparent; +} + +scrollbar.right { + border-left: 1px solid transparent; +} + +scrollbar > range > trough { + outline: none; + background: none; +} + +scrollbar > range > trough > slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + box-shadow: none; + outline: none; + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.15); +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.25); +} + +scrollbar > range > trough > slider:active { + background-color: rgba(var(--color18-r), var(--color18-g), var(--color18-b), 0.25); +} + +scrollbar > range > trough > slider:disabled { + background-color: var(--color0); +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 2px 0; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider { + transition-property: background-color, min-height, min-width; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); + border-radius: 9999px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: var(--color0); +} + +scrollbar.horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 3px; + border: none; + border-radius: 12px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +switch:checked { + background-color: var(--color13); +} + +switch:disabled { + opacity: 0.5; +} + +switch > image { + color: transparent; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + background-color: var(--color0); + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(233, 233, 237, 0.6), 0 3px 3px -2px transparent, 0 2px 3px -1px transparent, 0 1px 4px 0 transparent; +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + border: none; + color: transparent; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); + background-color: var(--color13); +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.15); + background-color: var(--color13); +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); + background-color: var(--color13); +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.7); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + +check { + -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); + border-radius: 3px; +} + +check:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +check:indeterminate { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +check:checked::after { + content: ""; + position: absolute; + display: block; + left: 6px; + top: 2px; + width: 6px; + height: 11px; + border: solid var(--color0); + border-width: 0 2px 2px 0; + transform: rotate(45deg); +} + +check:indeterminate::after { + content: ""; + position: absolute; + display: block; + left: 4px; + top: 8px; + width: 8px; + height: 2px; + background: var(--color0); + border-radius: 1px; +} + +check:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} + +check:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); +} + +check:active { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.4); +} + +check:disabled { + opacity: 0.5; + background-color: transparent; + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +check:disabled:checked { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + box-shadow: + 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55), + inset 0 0 0 2px var(--color0); +} + +radio { + -gtk-icon-size: 20px; + min-height: 20px; + min-width: 20px; + background: transparent; + border: 2px solid rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.38); + border-radius: 50%; +} + +radio:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + inset 0 0 0 4px var(--color0), + 0 0 0 1px var(--color13); +} + +radio:indeterminate { + -gtk-icon-source: none; + background-color: var(--color0); + border-color: var(--color13); + box-shadow: + inset 0 0 0 2px var(--color13), + 0 0 0 1px var(--color13); +} + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + +popover.menu radio:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + inset 0 0 0 3px var(--color0), + 0 0 0 1px var(--color13); +} + +popover.menu radio:indeterminate { + -gtk-icon-source: none; + background-color: var(--color0); + border-color: var(--color13); + box-shadow: + inset 0 0 0 1.5px var(--color13), + 0 0 0 1px var(--color13); +} + +radio:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} + +radio:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.2); +} + +radio:active { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.4); +} + +radio:disabled { + opacity: 0.5; + background-color: transparent; + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.35); +} + +radio:disabled:checked { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + border-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); + box-shadow: + inset 0 0 0 4px var(--color0), + 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.55); +} + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; + border-radius: 2px; +} + +popover.menu check:checked { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +popover.menu check:indeterminate { + -gtk-icon-source: none; + background-color: var(--color13); + border-color: var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +popover.menu check:checked::after { + left: 5px; + top: 1px; + width: 5px; + height: 9px; + border-width: 0 1.5px 1.5px 0; +} + +popover.menu check:indeterminate::after { + left: 3px; + top: 6px; + width: 6px; + height: 1.5px; +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, +treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, +treeview.view:hover radio, treeview.view:selected check, +treeview.view:selected radio, treeview.view:focus check, +treeview.view:focus radio, +columnview.view:hover check, +columnview.view:hover radio, +columnview.view:selected check, +columnview.view:selected radio, +columnview.view:focus check, +columnview.view:focus radio { + box-shadow: none; +} + +treeview.view:hover check:checked, +treeview.view:hover radio:checked, treeview.view:selected check:checked, +treeview.view:selected radio:checked, treeview.view:focus check:checked, +treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: var(--color0); + background-color: var(--color13); +} + +checkbutton.selection-mode { + border-radius: 9999px; +} + +checkbutton.selection-mode check, +checkbutton.selection-mode radio { + padding: 6px; + border-radius: 9999px; +} + +checkbutton.selection-mode check:checked, checkbutton.selection-mode check:indeterminate, +checkbutton.selection-mode radio:checked, +checkbutton.selection-mode radio:indeterminate { + color: var(--color0); + background-color: var(--color13); +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 6px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 6px; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +scale > trough:disabled { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(var(--color13)); +} + +scale > trough > highlight:disabled { + background-color: var(--color0); + background-image: image(rgba(233, 233, 237, 0.32)); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: var(--color13); + background-color: var(--color0); + box-shadow: inset 0 0 0 2px var(--color13); +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px var(--color13), 0 0 0 8px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px var(--color13), 0 0 0 8px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +scale > trough > slider:disabled { + box-shadow: inset 0 0 0 2px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +scale.fine-tune > trough > slider { + margin: -7px; +} + +scale > marks, +scale > value { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +scale indicator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); + color: transparent; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(45deg); + border-bottom-right-radius: 0; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: var(--color13); +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; + box-shadow: none; + margin: 0; + padding: 0; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: var(--color13); +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: var(--color19); +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: var(--color13); +} + +levelbar block.full { + background-color: var(--color20); +} + +levelbar block.empty { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: var(--color7); + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: var(--color0); + color: var(--color7); +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 12px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 12px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: none; + background-color: var(--color0); + background-clip: border-box; + border: none; + color: var(--color7); +} + +actionbar > revealer > box button, +actionbar > revealer > box entry, +actionbar > revealer > box menubutton, +actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, +actionbar > revealer > box splitbutton > button, +actionbar > revealer > box spinbutton { + margin: 0; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 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, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + border-radius: 0px 0px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 0px 0px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.75), transparent 4px); +} + +scrolledwindow > undershoot { + background-image: none; + box-shadow: none; + border: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: transparent; +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer, separator.sidebar { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********* + * Lists * + *********/ +list.content, +list.boxed-list { + border-radius: 12px; + box-shadow: none; + border: none; + background-color: transparent; +} + +list.content > row, +list.boxed-list > row { + border: none; + border-radius: 3px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +list.content > row:hover, +list.boxed-list > row:hover, list.content > row.has-open-popup, +list.boxed-list > row.has-open-popup, list.content > row:focus, +list.boxed-list > row:focus { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +list.content > row:active, +list.boxed-list > row:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:first-child), +list.boxed-list > row:not(:first-child) { + margin-top: 3px; +} + +list.content > row:first-child, +list.boxed-list > row:first-child { + border-radius: 12px 12px 3px 3px; +} + +list.content > row:last-child, +list.boxed-list > row:last-child { + border-radius: 3px 3px 12px 12px; +} + +list.content > row:only-child, +list.boxed-list > row:only-child { + border-radius: 12px; +} + +listview, +list { + border-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +leaflet scrolledwindow listview, leaflet scrolledwindow list { + background-color: transparent; +} + +list.frame { + border-radius: 12px; +} + +listview.view { + color: var(--color7); + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 12px; +} + +row { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-clip: padding-box; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + min-height: 46px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.35); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; +} + +.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: var(--color7); + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: var(--color7); + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: var(--color7); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: var(--color7); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: inherit; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected image, +row:selected label { + color: var(--color7); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 9px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title { + padding: 0; + font-weight: bold; + color: var(--color7); +} + +row > box.header > box.title > .subtitle { + padding: 2px 0; + font-weight: normal; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.entry .edit-icon, +row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.entry.error text > selection:focus-within { + background-color: alpha(var(--color5), 0.2); +} + +row.entry.error text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.warning text > selection:focus-within { + background-color: alpha(var(--color19), 0.2); +} + +row.entry.warning text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.success text > selection:focus-within { + background-color: alpha(var(--color20), 0.2); +} + +row.entry.success text > cursor-handle > contents { + background-color: currentColor; +} + +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.45); +} + +row.combo listview.inline { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +row.combo listview.inline, row.combo listview.inline:disabled { + background: none; + color: inherit; +} + +row.combo popover > contents { + min-width: 120px; +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; + background-color: transparent; +} + +row.expander list.nested > row { + background-color: transparent; + border: none; + background-image: none; + transition: none; + animation: none; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: var(--color13); +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +list.content > row.expander row.header, +list.boxed-list > row.expander row.header { + background-color: transparent; + border: none; + box-shadow: none; +} + +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +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: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid var(--color13); +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: var(--color0); + background-color: var(--color13); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: var(--color13); +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover, expander:active { + color: var(--color7); +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +expander-widget > box > title { + border-radius: 12px; +} + +expander-widget > box > title:hover > expander { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.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 * + ************/ +calendar { + padding: 0; + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 12px; + color: var(--color7); +} + +calendar:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +calendar:selected { + border-radius: 12px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +calendar > grid > label { + border-radius: 12px; + margin: 0; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 6px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button { + border-radius: 9px; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +window.dialog.message.background { + background-color: var(--color17); +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 6px; + border-spacing: 24px; +} + +window.dialog.message box.dialog-vbox.vertical > box.vertical { + margin-bottom: 6px; +} + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); + color: var(--color7); +} + +window.dialog.message .titlebar:backdrop { + background-color: var(--color17); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +window.dialog.message .dialog-action-area { + border: none; + margin: 0; + padding: 6px; + border-spacing: 6px; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + color: var(--color6); +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: var(--color5); +} + +window.aboutdialog.background.csd scrolledwindow.frame, +window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text { + border-radius: 12px; +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: var(--color17); + color: var(--color7); + padding: 6px; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area { + border-spacing: 6px; +} + +window.messagedialog .response-area button.suggested { + color: var(--color13); +} + +window.messagedialog .response-area button.destructive { + color: var(--color5); +} + +window.messagedialog .response-area separator { + background: none; + margin: 3px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + color: inherit; +} + +leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 6px; + background-color: transparent; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; + transition: background 0.25s ease, color 0.25s ease; +} + +stacksidebar row:selected { + font-weight: 600; + background-image: linear-gradient(to left, @sidebar_backdrop_color, @view_bg_color); +} + +stacksidebar row + row { + margin-top: 3px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + /* padding: $space-size - 4 $space-size - 2; //only vertical padding. horizontal row size would clip */ + padding: 0 6px; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.background { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar > separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 10px 15px; +} + +.navigation-sidebar row.activatable label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.navigation-sidebar > row { + min-height: 24px; + /* padding: 0 $space-size 0 $space-size; */ + padding: 0 6px; + border-radius: 9px; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:active { + background-color: alpha(currentColor, 0.12); +} + +.navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + box-shadow: none; +} + +.navigation-sidebar > row:selected label, +.navigation-sidebar > row:selected image { + color: var(--color13); + font-weight: 700; +} + +.navigation-sidebar > row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +.navigation-sidebar > row:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.navigation-sidebar > row:not(:first-child) { + margin-top: 3px; +} + +/**************** + * File chooser * + ****************/ +filechooser paned > separator { + background: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +filechooser paned > box #pathbarbox.view, +filechooser paned > box stack.view, +filechooser paned > box columnview.view, +filechooser paned > box gridview.view { + background-color: transparent; +} + +filechooser .dialog-action-box { + border: none; +} + +filechooser #pathbarbox { + border: none; + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +filechooser child.activatable filelistcell.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +placessidebar { + background-color: transparent; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon { + color: inherit; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar list.navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row { + color: var(--color13); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: var(--color13); +} + +placessidebar list.navigation-sidebar > row:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(var(--color24)); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: var(--color0); + background-image: image(var(--color24)), image(var(--color24)); + 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; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 12px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: var(--color0); + color: var(--color7); +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not( +.destructive-action +) { + color: var(--color13); +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: transparent; + color: var(--color7); + border-radius: 9px; + border: none; +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: var(--color19); + color: var(--color7); +} + +infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.warning:hover > revealer > box { + background-color: var(--color19); +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: var(--color5); + color: var(--color7); +} + +infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { + color: var(--color7); +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: var(--color7); +} + +infobar.error:hover > revealer > box { + background-color: var(--color5); +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: var(--color14); + color: var(--color13); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + border-radius: 12px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: var(--color7); +} + +colorswatch.light { + color: var(--color0); +} + +colorchooser colorswatch:hover { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px var(--color13); +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; + color: var(--color7); +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: var(--color17); +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: var(--color0); +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + outline: none; + margin: 0; + transition: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(233, 233, 237, 0.1), 0 0 36px transparent; +} + +window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { + border-radius: 0; + transition: none; +} + +window.csd.maximized, window.csd.fullscreen { + box-shadow: none; + outline: none; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: var(--color0); + border: 1px solid var(--color24); +} + +window.solid-csd:backdrop { + background-color: var(--color0); +} + +window.ssd { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 22px; + min-width: 22px; + padding: 6px 0; + margin-left: 0px; + margin-right: 0px; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + background: none; + box-shadow: none; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.1); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.15); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + color: var(--color7); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.2); +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) { + opacity: 0.65; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 6px; + margin-left: 6px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 6px; + margin-right: 6px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + border-radius: 100%; + padding: 0; +} + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, .link selection, calendar > grid > label.today { + color: var(--color0); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b)), 0.47; +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: var(--color8); + background-color: var(--color6); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: var(--color13); + -gtk-icon-source: none; + background-image: + radial-gradient(circle, var(--color13) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, var(--color13) 35%, var(--color13) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, var(--color13) 35%, var(--color13) 65%, transparent 65%); + background-size: 100% 100%, 100% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: center; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + box-shadow: 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +cursor-handle:hover { + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.7) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3) 65%, transparent 65%); + box-shadow: 0 0 0 2px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.5); +} + +cursor-handle:active { + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.77) 65%, transparent 65%); + box-shadow: 0 0 0 2px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.8); +} + +cursor-handle:focus { + outline: 1px solid var(--color13); + outline-offset: 2px; +} + +cursor-handle:disabled { + opacity: 0.5; + background-image: + radial-gradient(circle, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 40%, transparent 40%), + linear-gradient(to right, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 65%, transparent 65%), + linear-gradient(to bottom, transparent 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 35%, rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.32) 65%, transparent 65%); + box-shadow: 0 0 0 1px rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: var(--color17); + color: var(--color7); + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: var(--color13); +} + +stackswitcher { + min-height: 0; + padding: 0; + border-radius: 15px; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border: none; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action) { + margin: 0; + border-radius: 9999px; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) { + background-color: transparent; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):checked { + background-color: var(--color13); + color: var(--color0); +} + +stackswitcher.linked > button:not(.suggested-action):not(.destructive-action):checked:hover { + box-shadow: none; + background-color: #fdfdfe; +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + /* border-bottom: 1px solid $divider; */ + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 3px; + border-spacing: 0; + background: none; +} + +.emoji-toolbar > flowboxchild { + padding: 3px; +} + +.emoji-toolbar > flowboxchild > button { + padding: 6px; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 12px; +} + +button.emoji-section:checked { + color: var(--color13); +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor, 0.08); +} + +emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +emoji-completion-row > box { + border-spacing: 6px; + padding: 2px 6px; +} + +emoji-completion-row:focus, emoji-completion-row:hover, +emoji-completion-row emoji:hover, +emoji-completion-row emoji:focus { + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window.view { + background-color: var(--color0); +} + +.nautilus-window .sidebar-pane { + background-color: var(--color0); + color: var(--color7); +} + +.nautilus-window .sidebar-pane:backdrop { + background-color: var(--color0); + transition: none; +} + +.nautilus-window placesview label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window flap > separator { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + /* @extend %content_style; */ +} + +.nautilus-window .nautilus-grid-view .view, +.nautilus-window .nautilus-list-view .view { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view row.activatable > cell, +.nautilus-window .nautilus-list-view row.activatable > cell { + padding: 0px; + margin: 0px; +} + +.nautilus-window .nautilus-grid-view gridview.view { + margin: 10px 5px; + padding: 10px 5px; +} + +.nautilus-window tabbar .box { + background-color: transparent; + box-shadow: none; + padding: 0; +} + +.nautilus-window tabbar .box:backdrop { + background-color: transparent; + box-shadow: none; +} + +.nautilus-window tabbox, .nautilus-window tabbox:backdrop { + transition: none; + background-color: transparent; +} + +.nautilus-window tabbox > tabboxchild > tab { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window tabbox > tabboxchild > tab:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.nautilus-window tabbox > tabboxchild > tab:checked, .nautilus-window tabbox > tabboxchild > tab:selected { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color13); + box-shadow: none; +} + +.nautilus-window tabbox > tabboxchild > tab:checked:disabled, .nautilus-window tabbox > tabboxchild > tab:selected:disabled { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button { + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button:hover, .nautilus-window tabbox > tabboxchild > tab button.tab-close-button:active { + color: var(--color7); +} + +.nautilus-window tabbox > tabboxchild > tab button.tab-close-button:disabled { + color: var(--color7); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 9px; + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.95); + color: var(--color13); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: var(--color7); +} + +.nautilus-window banner > revealer > widget { + color: var(--color7); + background-color: var(--color14); + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget:hover { + background-color: var(--color0); + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget button { + color: var(--color0); + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +.nautilus-window banner > revealer > widget button:hover { + background-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.6); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; + padding: 3px; + margin-right: -5px; +} + +#NautilusQueryEditor > menubutton > button.image-button:checked image { + color: var(--color0); +} + +#NautilusQueryEditor > text, +#NautilusQueryEditor > box, +#NautilusQueryEditor > menubutton { + margin: 3px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px; + margin: 6px 0; +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 12px; +} + +#NautilusPathButton.current-dir { + color: var(--color13); +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusFileChooser gridview.view { + background-color: transparent; + margin: 10px 5px; + padding: 10px 5px; +} + +#NautilusFileChooser columnview.view, +row.activatable > cell { + background-color: transparent; + padding: 1px 10px; +} + +#NautilusProgressIndicator popover label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +#NautilusProgressIndicator popover image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +/* Nautilus Progress Indicator */ +windowhandle box.vertical box.toolbar { + background-color: var(--color0); + border: none; + outline: none; +} + +windowhandle box.toolbar menubutton button.toggle { + background-color: var(--color0); + border: none; + outline: none; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.display-container.card { + background-color: var(--color0); +} + +.small .display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: transparent; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +leaflet button.number-button { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: var(--color13); +} + +label.secondary-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.toast-overlay .toast { + background-color: #E9E9DD; + color: #1A1C15; + border-radius: 12px; + padding: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.datechooser.view, +.agenda-view.view, +.agenda-view.view list, +.stack.view { + background-color: transparent; +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: var(--color13); + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(var(--color13), 0.3); +} + +popover.events { + background-color: var(--color17); + padding: 0; +} + +popover.events box { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +popover.events list { + background-color: var(--color0); + border-radius: 12px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 12px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 12px; +} + +event.timed widget.edge { + border-radius: 6px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 6px 6px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 6px 0 0 6px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: var(--color0); +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +menubutton.flat.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.flat.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.flat.sources-button > button { + border-radius: 0 0 12px 12px; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border-radius: 12px; +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button.flat, +datechooser navigator button.image-button { + min-height: 34px; + min-width: 34px; + padding: 0; +} + +datechooser .weeknum, +datechooser .weekday { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + font-size: smaller; +} + +datechooser button.day { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 34px; + min-width: 34px; + transition: none; +} + +datechooser button.day dot { + background-color: var(--color7); + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected { + background-color: var(--color13); + color: var(--color0); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: var(--color7); +} + +datechooser button.day.today { + color: var(--color13); +} + +datechooser button.day.today dot { + background-color: var(--color13); +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +datechooser button.day.other-month:hover:not(:backdrop) { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.week-header.lines { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(var(--color13), 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(var(--color13), 0.25); +} + +monthcell { + border: solid 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: var(--color0); + transition: background-color 200ms; + color: var(--color7); +} + +monthcell:selected { + background-color: alpha(var(--color13), 0.1); +} + +monthcell:selected:hover { + background-color: alpha(var(--color13), 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(var(--color13), 0.2); +} + +monthcell.today:hover { + background-color: alpha(var(--color13), 0.3); + color: var(--color13); +} + +monthcell.today:selected { + background-color: alpha(var(--color13), 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(var(--color13), 0.35); +} + +monthcell label { + color: var(--color7); + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +monthcell.out-of-month label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 12px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list.background > row { + padding: 2px 12px; +} + +agenda-view list.background > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +menubutton stack > box { + border-spacing: 6px; +} + +#TweakPreferencesPage.tweak-group label.subtitle { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +#TweakPreferencesPage label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.32); +} + +.tweak-titlebar-left { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-top-left-radius: 12px; +} + +.tweak-titlebar-left > windowhandle > box { + padding: 0px; + margin: 0 5px 0 15px; +} + +.tweak-titlebar-left > windowhandle widget > box.start { + padding: 0px; + margin: 0 2px 0 0; +} + +.tweak-titlebar-left > windowhandle widget > box, +.tweak-titlebar-left windowtitle { + padding: 0px; + margin: 0 -3px 0 10px; +} + +.tweak-titlebar-left:backdrop { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-top-left-radius: 12px; +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow .dim-label, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row label.subtitle, row .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow label.subtitle, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row.expander image.expander-row-arrow, row.expander .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: var(--color13); + border-radius: 0; + color: var(--color0); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +carousel.card { + border: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.smaller { + font-size: smaller; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +gs-summary-tile image.loading-icon { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 12px; +} + +.review-row > box { + margin: 12px; + border-spacing: 3px; +} + +.review-row textview { + background: none; +} + +.review-row .edit-icon { + min-width: 24px; + min-height: 24px; + padding: 6px; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: var(--color19); +} + +.origin-button > button { + padding: 3px 9px; +} + +clamp { + background-color: var(--color0); +} + +.nautilus-window clamp { + background-color: transparent; +} + + +clamp.medium .category-tile:not(.category-tile-iconless) { + font-size: large; +} + +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +flowboxchild.card:not(.category-tile) { + padding: 0; + box-shadow: none; + border: none; + background-color: transparent; + background-image: none; +} + +.category-tile.card { + padding: 21px; + border: none; + border-radius: 12px; + min-width: 140px; + font-weight: 900; + font-size: larger; +} + +.category-tile.card:not(.category-tile-iconless), .category-tile.card:not(.category-tile-iconless):active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + animation: none; +} + +.category-tile.card.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; +} + +.category-tile.card.category-create { + background: linear-gradient(180deg, var(--color13) 0%, var(--color6) 100%); + color: var(--color10); +} + +.category-tile.card.category-create:hover { + background: linear-gradient(180deg, shade(var(--color13), 1.07) 0%, shade(var(--color6), 1.1) 100%); + color: var(--color10); +} + +.category-tile.card.category-create:active { + background: linear-gradient(180deg, shade(var(--color13), 0.95) 0%, shade(var(--color6), 0.95) 100%); + color: var(--color10); +} + +.category-tile.card.category-develop { + background-color: var(--color19); + color: var(--color7); +} + +.category-tile.card.category-develop:hover { + background-color: shade(var(--color19), 1.2); + color: var(--color7); +} + +.category-tile.card.category-develop:active { + background-color: shade(var(--color19), 0.95); + color: var(--color7); +} + +.category-tile.card.category-learn { + background: linear-gradient(180deg, var(--color20) 30%, var(--color19) 100%); + color: var(--color21); +} + +.category-tile.card.category-learn:hover { + background: linear-gradient(180deg, shade(var(--color20), 1.06) 30%, shade(var(--color19), 1.06) 100%); + color: var(--color21); +} + +.category-tile.card.category-learn:active { + background: linear-gradient(180deg, shade(var(--color20), 0.95) 30%, shade(var(--color19), 0.95) 100%); + color: var(--color21); +} + +.category-tile.card.category-play { + background: linear-gradient(75deg, var(--color19) 0%, #eb5ec3 50%, var(--color13) 100%); + color: var(--color11); +} + +.category-tile.card.category-play:hover { + background: linear-gradient(75deg, shade(var(--color19), 1.07) 0%, shade(var(--color13), 1.07) 50%, shade(var(--color3), 1.07) 100%); + color: var(--color11); +} + +.category-tile.card.category-play:active { + background: linear-gradient(75deg, shade(var(--color19), 0.97) 0%, shade(var(--color13), 0.95) 50%, shade(var(--color3), 1.07) 100%); + color: var(--color11); +} + +.category-tile.card.category-socialize { + background: linear-gradient(90deg, var(--color13) 0%, var(--color3) 100%); + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.category-tile.card.category-socialize:hover { + background: linear-gradient(90deg, shade(var(--color13), 1.08) 0%, shade(var(--color3), 1.08) 100%); +} + +.category-tile.card.category-socialize:active { + background: linear-gradient(90deg, shade(var(--color13), 0.95) 0%, shade(var(--color3), 0.95) 100%); +} + +.category-tile.card.category-work { + padding: 1px; + color: var(--color13); + background-color: var(--color0); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.category-tile.card.category-work:hover { + color: var(--color13); + background-color: var(--color14); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); +} + +.category-tile.card.category-work:active { + color: var(--color13); + background-color: var(--color22); + background-image: linear-gradient(rgba(233, 233, 237, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 233, 237, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.featured-tile { + padding: 0; + box-shadow: none; + color: var(--color7); +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.application-details-infobar.warning { + background-color: var(--color19); + color: var(--color7); + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.card.info { + background-color: var(--color23); + color: var(--color7); +} + +.card.warning { + background-color: var(--color14); + color: var(--color5); +} + +.infobox { + border-spacing: 6px; + padding: 12px; +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, var(--color13) 2px, alpha(var(--color13), 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(233, 233, 237, 0.12), rgba(233, 233, 237, 0.12)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-image: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.review-histogram star-image { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +flowboxchild { + padding: 0px; +} + +star-image > image.starred { + color: var(--color20); + transition-duration: 200ms; +} + +star-image > image.starred:hover { + color: var(--color19); +} + +star-image > image.non-starred { + opacity: 0.2; + transition-duration: 200ms; +} + +star-image > image.non-starred:hover { + color: var(--color20); + opacity: 0.7; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 12px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, var(--color20), var(--color13)); + color: var(--color10); +} + +.upgrade-buttons #button_upgrades_install, +.upgrade-buttons #button_upgrades_install_cancel { + padding-left: 16px; + padding-right: 16px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + transition-property: outline, outline-offset, background-image; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); +} + +app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { + background-color: alpha(currentColor, 0.12); +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +app-context-bar > box:not(:first-child) > button.flat { + border-radius: 0; +} + +app-context-bar > box:not(:first-child) > button.flat:last-child { + border-radius: 0 12px 12px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 12px 0 0 12px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: var(--color19); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: var(--color8); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: var(--color19); + background-color: rgba(var(--color5-r), var(--color5-g), var(--color5-b), 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: var(--color6); + background-color: rgba(var(--color6-r), var(--color6-g), var(--color6-b), 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: var(--color5); + background-color: rgba(245, 42, 101, 0.15); +} + +.eol-red { + font-weight: bold; + color: var(--color5); +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: 'tnum'; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp:not(:last-child) +> box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp +> box +> .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page +> viewport +> box +> clamp +> box +> .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -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); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: var(--color5); +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents > leaflet > box > stack.background { + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, transparent 46px, var(--color0) 46px, var(--color0)); +} + +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 6px; +} + +.weather-popover { + margin-top: 6px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 12px; +} + +.forecast-card separator { + background-color: var(--color0); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 18px; + margin-right: 18px; +} + +#weather-page .small .forecast-card { + margin-left: 0; + margin-right: 0; + border-radius: 0; + border-width: 1px 0; +} + +.forecast-temperature-label { + font-weight: bold; + color: #ae7b03; +} + +WeatherThermometer { + margin-bottom: 12px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: var(--color19); +} + +WeatherThermometer > label.low { + font-weight: bold; + color: var(--color6); +} + +.forecast-button { + margin: 0 12px; +} + +.forecast-graphic { + margin: 18px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 24px; + min-height: 24px; +} + +button.osd.circular > image { + padding: 0; +} + +scrolledwindow.inline list, +scrolledwindow.inline listview { + background: none; + color: inherit; +} + +scrolledwindow.inline undershoot.top { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.search-view { + background-color: var(--color13); + color: var(--color0); +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(var(--color13-r), var(--color13-g), var(--color13-b), 0.3); +} + +image.circular { + min-width: 34px; + min-height: 34px; + padding: 0; + border-radius: 9999px; +} + +#gnome-system-monitor.background.csd { + background-color: var(--color0); +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: var(--color13); +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: var(--color13); + background-color: alpha(var(--color6), 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: var(--color6); + background-color: alpha(var(--color6), 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: var(--color19); + background: alpha(var(--color19), 0.25); +} + +headerbar splitbutton notification button { + margin: 0; + min-height: 24px; + min-width: 24px; + padding: 0; +} + +popover.background.global-search > arrow, +popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 3px; +} + +.frameheader.header { + min-height: 24px; + background-color: var(--color0); +} + +.frameheader.header > button { + border: none; + margin: 0; + padding: 3px; +} + +.frameheader.header tabbar.inline > revealer > box { + min-height: 24px; +} + +.frameheader.header tabbar.inline > revealer > box .start-action { + padding: 0; + border: none; +} + +.frameheader.header tabbar.inline > revealer > box .end-action { + padding: 0; + border-left: 1px solid rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton button { + border-radius: 0; +} + +.style-variant { + padding: 0 12px; +} + +.style-variant button.toggle { + padding: 0; +} + +.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked { + background: none; + outline: none; + border: none; + box-shadow: none; +} + +.style-variant button.toggle > stylevariantpreview > .wallpaper { + border-radius: 12px; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; + box-shadow: none; +} + +.style-variant button.toggle:hover > stylevariantpreview > .wallpaper { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: var(--color13); +} + +playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +playlistview queuerow picture.cover, +playlistview queuerow image.card { + border: none; +} + +window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { + border: none; + border-radius: 0; +} + +window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child { + border-radius: 0; +} + +/* Tagger */ +list.music-list { + margin: -40px 0; + background-color: transparent; +} + +/* Nicotine+ */ +notebook scrolledwindow treeview.treeview-spacing { + background-color: var(--color0); +} + +.account-switcher-row label { + color: var(--color7); +} + +.account-switcher-row label.dim-label { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +avatar { + border-radius: 9999px; + font-weight: bold; +} + +avatar.color1 { + background-image: linear-gradient(#83b6ec, #337fdc); + color: #cfe1f5; +} + +avatar.color2 { + background-image: linear-gradient(#7ad9f1, #0f9ac8); + color: #caeaf2; +} + +avatar.color3 { + background-image: linear-gradient(#8de6b1, #29ae74); + color: #cef8d8; +} + +avatar.color4 { + background-image: linear-gradient(#b5e98a, #6ab85b); + color: #e6f9d7; +} + +avatar.color5 { + background-image: linear-gradient(#f8e359, #d29d09); + color: #f9f4e1; +} + +avatar.color6 { + background-image: linear-gradient(#ffcb62, #d68400); + color: #ffead1; +} + +avatar.color7 { + background-image: linear-gradient(#ffa95a, #ed5b00); + color: #ffe5c5; +} + +avatar.color8 { + background-image: linear-gradient(#f78773, #e62d42); + color: #f8d2ce; +} + +avatar.color9 { + background-image: linear-gradient(#e973ab, #e33b6a); + color: #fac7de; +} + +avatar.color10 { + background-image: linear-gradient(#cb78d4, #9945b5); + color: #e7c2e8; +} + +avatar.color11 { + background-image: linear-gradient(#9e91e8, #7a59ca); + color: #d5d2f5; +} + +avatar.color12 { + background-image: linear-gradient(#e3cf9c, #b08952); + color: #f2eade; +} + +avatar.color13 { + background-image: linear-gradient(#be916d, #785336); + color: #e5d6ca; +} + +avatar.color14 { + background-image: linear-gradient(#c0bfbc, #6e6d71); + color: #d8d7d3; +} + +avatar.contrasted { + color: var(--color7); +} + +avatar.image { + background: none; +} + +.card { + border-radius: 12px; + border: none; + background-clip: border-box; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + box-shadow: none; + outline: none; + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + color: var(--color7); +} + +.card.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(233, 233, 237, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +.card.activatable:hover { + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +.card.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: var(--color7); + outline: 0 solid transparent; +} + +.toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + background-color: #E9E9DD; + color: var(--color7); + border: none; +} + +.toast:dir(ltr) { + padding-left: 12px; +} + +.toast:dir(rtl) { + padding-right: 12px; +} + +.toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 2px; + border-spacing: 3px; +} + +viewswitcher.wide button.toggle { + border-radius: 3px; +} + +viewswitcher.wide button.toggle:first-child { + border-top-left-radius: 17px; + border-bottom-left-radius: 17px; +} + +viewswitcher.wide button.toggle:last-child { + border-top-right-radius: 17px; + border-bottom-right-radius: 17px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0 0 3px 3px; + margin: 0; +} + +viewswitcher.narrow button.toggle:first-child { + border-bottom-left-radius: 12px; +} + +viewswitcher.narrow button.toggle:last-child { + border-bottom-right-radius: 12px; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle:focus:not(:hover):not(:active) { + box-shadow: none; + outline: none; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 8px; + padding-bottom: 4px; + border-spacing: 3px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle { + border-radius: 12px; + margin: 3px 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 5px; + padding-bottom: 1px; + border-spacing: 0; +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 0; + padding-bottom: 0; + border-spacing: 0; +} + +viewswitchertitle viewswitcher.wide { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +indicatorbin > indicator, +indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: var(--color7); +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: var(--color13); +} + +indicatorbin.needs-attention > indicator > label { + color: var(--color7); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +preferencesgroup > box background-preview widget.sidebar, +preferencesgroup > box widget.header-bar:not(.editable-area) { + background-color: var(--color0); +} + +preferencesgroup > box, +preferencesgroup > box .labels { + border-spacing: 6px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 6px; +} + +preferencesgroup > box > box.single-line { + min-height: 34px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, +preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 9px; +} + +preferencesgroup > box button.background-preview-button.toggle:hover { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: var(--color13); +} + +preferencesgroup > box .cutout-button { + background-color: var(--color0); +} + +preferencesgroup > box button.accent-button { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; + background: var(--accent-bg-color); + outline: none; + background-clip: content-box; + box-shadow: none; +} + +preferencesgroup > box button.accent-button:hover { + box-shadow: 0 0 0 3px alpha(currentColor, 0.08); +} + +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px var(--color13); +} + +preferencesgroup > box button.accent-button.blue, preferencesgroup > box button.accent-button.teal, preferencesgroup > box button.accent-button.green, preferencesgroup > box button.accent-button.yellow, preferencesgroup > box button.accent-button.orange, preferencesgroup > box button.accent-button.red, preferencesgroup > box button.accent-button.pink, preferencesgroup > box button.accent-button.purple, preferencesgroup > box button.accent-button.slate { + --accent-color: oklab( + from var(--accent-bg-color) var(--standalone-color-oklab) + ); +} + +preferencesgroup > box button.accent-button.blue { + --accent-bg-color: var(--accent-blue); +} + +preferencesgroup > box button.accent-button.teal { + --accent-bg-color: var(--accent-teal); +} + +preferencesgroup > box button.accent-button.green { + --accent-bg-color: var(--accent-green); +} + +preferencesgroup > box button.accent-button.yellow { + --accent-bg-color: var(--accent-yellow); +} + +preferencesgroup > box button.accent-button.orange { + --accent-bg-color: var(--accent-orange); +} + +preferencesgroup > box button.accent-button.red { + --accent-bg-color: var(--accent-red); +} + +preferencesgroup > box button.accent-button.pink { + --accent-bg-color: var(--accent-pink); +} + +preferencesgroup > box button.accent-button.purple { + --accent-bg-color: var(--accent-purple); +} + +preferencesgroup > box button.accent-button.slate { + --accent-bg-color: var(--accent-slate); +} + +preferencesgroup > box box > list.boxed-list-separate { + background-color: transparent; + border-radius: 12px; +} + +preferencesgroup > box box > list.boxed-list-separate row { + color: var(--color7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px 12px 0 0; + margin-top: 0px; + margin-bottom: 2px; +} + +preferencesgroup > box box > list.boxed-list-separate row:first-child { + border-radius: 12px 12px 0 0; +} + +preferencesgroup > box box > list.boxed-list-separate row:last-child { + border-radius: 0 0 12px 12px; + margin-bottom: 0; +} + +preferencesgroup > box box > list.boxed-list-separate row + row { + margin-top: 2px; +} + +preferencesgroup > box box > list.boxed-list-separate row:hover, preferencesgroup > box box > list.boxed-list-separate row:focus { + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); +} + +window.about .main-page > viewport > clamp > box { + margin: 12px; + border-spacing: 6px; +} + +window.about .main-page > viewport > clamp > box > box { + margin-top: 18px; + border-spacing: 18px; + margin-bottom: 6px; +} + +window.about .main-page .app-version { + padding: 3px 18px; + color: var(--color13); + border-radius: 12px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.55); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.35; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 24px 12px; + border-spacing: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2); + background-image: none; +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background-color: transparent; + background-image: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right, +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up, +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down, +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.7), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 40px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 56px), linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.4), alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0.14) 7px, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.2), 0) 24px); +} + +.sidebar-pane .sidebar > scrolledwindow, +.sidebar-pane toolbarview > scrolledwindow, +.sidebar-pane navigation-view-page stack > scrolledwindow, .sidebar-pane, .toolbar, filechooser paned > box, placessidebar > scrolledwindow, agenda-view list.background, .tweak-titlebar-left, .tweak-titlebar-left:backdrop, leaflet.unfolded > box > scrolledwindow, leaflet.unfolded .contacts-contact-list > scrolledwindow, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow { + background-color: var(--color0); + color: var(--color7); + border-radius: 0; + margin: 0; +} + +.sidebar-pane .sidebar > scrolledwindow .dim-label, +.sidebar-pane toolbarview > scrolledwindow .dim-label, +.sidebar-pane navigation-view-page stack > scrolledwindow .dim-label, .sidebar-pane .dim-label, .toolbar .dim-label, filechooser paned > box .dim-label, placessidebar > scrolledwindow .dim-label, agenda-view list.background .dim-label, .tweak-titlebar-left .dim-label, leaflet.unfolded > box > scrolledwindow .dim-label, leaflet.unfolded .contacts-contact-list > scrolledwindow .dim-label, .sidebar-pane row label.subtitle, row .sidebar-pane label.subtitle, .toolbar row label.subtitle, row .toolbar label.subtitle, filechooser paned > box row label.subtitle, row filechooser paned > box label.subtitle, placessidebar > scrolledwindow row label.subtitle, row placessidebar > scrolledwindow label.subtitle, agenda-view list.background row label.subtitle, row agenda-view list.background label.subtitle, .tweak-titlebar-left row label.subtitle, row .tweak-titlebar-left label.subtitle, leaflet.unfolded > box > scrolledwindow row label.subtitle, row leaflet.unfolded > box > scrolledwindow label.subtitle, leaflet.unfolded .contacts-contact-list > scrolledwindow row label.subtitle, row leaflet.unfolded .contacts-contact-list > scrolledwindow label.subtitle, .sidebar-pane row.expander image.expander-row-arrow, row.expander .sidebar-pane image.expander-row-arrow, .toolbar row.expander image.expander-row-arrow, row.expander .toolbar image.expander-row-arrow, filechooser paned > box row.expander image.expander-row-arrow, row.expander filechooser paned > box image.expander-row-arrow, placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander placessidebar > scrolledwindow image.expander-row-arrow, agenda-view list.background row.expander image.expander-row-arrow, row.expander agenda-view list.background image.expander-row-arrow, .tweak-titlebar-left row.expander image.expander-row-arrow, row.expander .tweak-titlebar-left image.expander-row-arrow, leaflet.unfolded > box > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded > box > scrolledwindow image.expander-row-arrow, leaflet.unfolded .contacts-contact-list > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded .contacts-contact-list > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.nautilus-window placessidebar > scrolledwindow { + background-color: var(--color0); + color: var(--color7); + border-radius: 0; + margin: 0 6px 0 0; +} + +.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window placessidebar > scrolledwindow label.subtitle, .nautilus-window placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander .nautilus-window placessidebar > scrolledwindow image.expander-row-arrow { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough, placessidebar > scrolledwindow > scrollbar > range > trough, .nautilus-window placessidebar scrollbar > range > trough, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough { + margin: 0 -8px 0 0; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + background-color: var(--color0); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:hover, placessidebar > scrolledwindow > scrollbar > range > trough > slider:hover, .nautilus-window placessidebar scrollbar > range > trough > slider:hover, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover { + background-color: var(--color17); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:active, placessidebar > scrolledwindow > scrollbar > range > trough > slider:active, .nautilus-window placessidebar scrollbar > range > trough > slider:active, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active { + background-color: var(--color17); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:disabled, placessidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, .nautilus-window placessidebar scrollbar > range > trough > slider:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled { + background-color: var(--color0); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.38); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.3); +} + +calendar-view { + margin: 6px; +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.04); + border-radius: 12px; + margin: 6px; +} + +placessidebar list.navigation-sidebar, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar { + padding: 6px 0 6px 6px; + background: none; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +placessidebar list.navigation-sidebar > separator, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > separator, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > separator, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > separator { + background-color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); + margin: 10px 15px; +} + +placessidebar list.navigation-sidebar > row, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row { + color: rgba(var(--color0-r), var(--color0-g), var(--color0-b), 0.6); + border-radius: 9px; + color: var(--color7); + padding: 6px 0; +} + +placessidebar list.navigation-sidebar > row:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:active, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus { + color: var(--color7); +} + +placessidebar list.navigation-sidebar > row:selected, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + color: var(--color13); + font-weight: 500; +} + +placessidebar list.navigation-sidebar > row:selected:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:hover, placessidebar list.navigation-sidebar > row:selected:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:focus { + /* background-color: rgba($base, 0.9); */ + background-color: alpha(currentColor, 0.08); + color: var(--color7); +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.top, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.top, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.top, filechooser paned > box scrolledwindow scrollbar.top, placessidebar > scrolledwindow > scrollbar.top, .nautilus-window placessidebar scrollbar.top, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.top, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.top, leaflet.unfolded > box > scrolledwindow > scrollbar.top, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.top, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.top { + border-bottom: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.bottom, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.bottom, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.bottom, filechooser paned > box scrolledwindow scrollbar.bottom, placessidebar > scrolledwindow > scrollbar.bottom, .nautilus-window placessidebar scrollbar.bottom, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.bottom, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.bottom, leaflet.unfolded > box > scrolledwindow > scrollbar.bottom, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.bottom, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.bottom { + border-top: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.left, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.left, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.left, filechooser paned > box scrolledwindow scrollbar.left, placessidebar > scrolledwindow > scrollbar.left, .nautilus-window placessidebar scrollbar.left, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.left, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.left, leaflet.unfolded > box > scrolledwindow > scrollbar.left, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.left, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.left { + border-right: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.right, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.right, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.right, filechooser paned > box scrolledwindow scrollbar.right, placessidebar > scrolledwindow > scrollbar.right, .nautilus-window placessidebar scrollbar.right, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.right, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.right, leaflet.unfolded > box > scrolledwindow > scrollbar.right, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.right, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.right { + border-left: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, filechooser paned > box scrolledwindow scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar > range > trough > slider, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + border: 4px solid transparent; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + border: none; + margin: 1px; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window placessidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.dragging, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.dragging, placessidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, .nautilus-window placessidebar scrollbar.overlay-indicator.dragging, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.dragging, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.dragging, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.dragging, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.hovering, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.hovering, placessidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, .nautilus-window placessidebar scrollbar.overlay-indicator.hovering, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.hovering, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.hovering, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.hovering, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.hovering, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-top > undershoot.top, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-top > undershoot.top { + border-radius: 12px 12px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-bottom > undershoot.bottom, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 12px 12px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(var(--color0-r), var(--color0-g), var(--color0-b), 1), 0.6), transparent 4px); +} + +.sidebar-pane { + color: var(--color7); + border-top-left-radius: 12px; +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane headerbar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane .navigation-sidebar { + padding: 2px 4px; + background: none; + color: rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.7); +} + +.sidebar-pane:dir(ltr), +.sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), +.sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); + border-right: none; +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: transparent; + color: var(--color7); +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: transparent; + transition: none; +} + +.content-pane { + background-color: var(--color0); + color: var(--color7); + border-top-right-radius: 12px; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.content-pane headerbar, .content-pane headerbar:backdrop { + background-color: transparent; + box-shadow: none; + border: none; +} + +.maximized .content-pane, .fullscreen .content-pane, .tiled .content-pane, .tiled-top .content-pane, .tiled-right .content-pane, .tiled-bottom .content-pane, .tiled-left .content-pane { + border-radius: 0; + box-shadow: inset 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.1); +} + +.top-bar { + box-shadow: none; + background: none; + border: none; +} + +.top-bar headerbar, .top-bar headerbar:backdrop { + background-color: transparent; + box-shadow: none; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px var(--color13); +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, var(--color7) 50%, var(--color17) 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: var(--color7); +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: var(--color17); +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: none; + color: var(--color0); + background-color: var(--color13); + border: 2px solid var(--color13); + box-shadow: + 0 0 0 1px var(--color13), + inset 0 0 0 2px var(--color0); +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: var(--color0); + background-color: var(--color13); +} + +themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(var(--color2-r), var(--color2-g), var(--color2-b), 0.12); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px var(--color13); +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active { + background-color: transparent; + border: none; + background: none; + box-shadow: none; + color: transparent; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +themeswitcher checkbutton.system { + background: linear-gradient(-45deg, var(--color0) 50%, var(--color7) 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: var(--color7); +} + +themeswitcher checkbutton.dark { + color: var(--color7); + background-color: var(--color0); +} From 406e44d6352849aefdf5c4d031a96a139162c553 Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:49:43 +0600 Subject: [PATCH 14/17] Update colors.css --- dotfiles/.config/gtk-3.0/colors.css | 38 ++++++++++++----------------- 1 file changed, 16 insertions(+), 22 deletions(-) diff --git a/dotfiles/.config/gtk-3.0/colors.css b/dotfiles/.config/gtk-3.0/colors.css index f8811dc70..225b8da36 100644 --- a/dotfiles/.config/gtk-3.0/colors.css +++ b/dotfiles/.config/gtk-3.0/colors.css @@ -1,22 +1,16 @@ -/* -* GTK Colors -* Generated with Matugen -*/ - -@define-color accent_color #ffb59d; -@define-color accent_fg_color #390c00; -@define-color accent_bg_color #ffb59d; -@define-color window_bg_color #1a110f; -@define-color window_fg_color #f1dfda; -@define-color headerbar_bg_color #1a110f; -@define-color headerbar_fg_color #f1dfda; -@define-color popover_bg_color #1a110f; -@define-color popover_fg_color #f1dfda; -@define-color view_bg_color #1a110f; -@define-color view_fg_color #f1dfda; -@define-color card_bg_color #1a110f; -@define-color card_fg_color #f1dfda; -@define-color sidebar_bg_color @window_bg_color; -@define-color sidebar_fg_color @window_fg_color; -@define-color sidebar_border_color @window_bg_color; -@define-color sidebar_backdrop_color @window_bg_color; \ No newline at end of file +@define-color color0 #0f1417; +@define-color color1 #c1c7ce; +@define-color color2 #b6c9d8; +@define-color color3 #b6c9d8; +@define-color color4 #91cef5; +@define-color color5 #91cef5; +@define-color color6 #91cef5; +@define-color color7 #dfe3e7; +@define-color color8 #0f1417; +@define-color color9 #0f1417; +@define-color color10 #00344b; +@define-color color11 #21333e; +@define-color color12 #91cef5; +@define-color color13 #91cef5; +@define-color color14 #c1c7ce; +@define-color color15 #c1c7ce; From fa9ff2acb5699f0a9553af4b0547cdcc09027560 Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 21:57:55 +0600 Subject: [PATCH 15/17] Delete dotfiles/.themes/Material-Gnome/gtk-2.0 directory --- .../.themes/Material-Gnome/gtk-2.0/apps.rc | 92 - .../Material-Gnome/gtk-2.0/assets/border.png | Bin 123 -> 0 bytes .../gtk-2.0/assets/button-active.png | Bin 320 -> 0 bytes .../gtk-2.0/assets/button-disabled.png | Bin 323 -> 0 bytes .../gtk-2.0/assets/button-hover.png | Bin 331 -> 0 bytes .../Material-Gnome/gtk-2.0/assets/button.png | Bin 342 -> 0 bytes .../assets/checkbox-checked-active.png | Bin 593 -> 0 bytes .../assets/checkbox-checked-disabled.png | Bin 547 -> 0 bytes .../gtk-2.0/assets/checkbox-checked-hover.png | Bin 585 -> 0 bytes .../gtk-2.0/assets/checkbox-checked.png | Bin 532 -> 0 bytes .../gtk-2.0/assets/checkbox-mixed-active.png | Bin 517 -> 0 bytes .../assets/checkbox-mixed-disabled.png | Bin 512 -> 0 bytes .../gtk-2.0/assets/checkbox-mixed-hover.png | Bin 506 -> 0 bytes .../gtk-2.0/assets/checkbox-mixed.png | Bin 491 -> 0 bytes .../assets/checkbox-unchecked-active.png | Bin 442 -> 0 bytes .../assets/checkbox-unchecked-disabled.png | Bin 448 -> 0 bytes .../assets/checkbox-unchecked-hover.png | Bin 440 -> 0 bytes .../gtk-2.0/assets/checkbox-unchecked.png | Bin 484 -> 0 bytes .../assets/combo-left-entry-active.png | Bin 333 -> 0 bytes .../assets/combo-left-entry-disabled.png | Bin 241 -> 0 bytes .../gtk-2.0/assets/combo-left-entry-hover.png | Bin 314 -> 0 bytes .../gtk-2.0/assets/combo-left-entry.png | Bin 258 -> 0 bytes .../assets/combo-right-entry-active.png | Bin 344 -> 0 bytes .../assets/combo-right-entry-disabled.png | Bin 242 -> 0 bytes .../assets/combo-right-entry-hover.png | Bin 349 -> 0 bytes .../gtk-2.0/assets/combo-right-entry.png | Bin 246 -> 0 bytes .../gtk-2.0/assets/entry-active.png | Bin 494 -> 0 bytes .../assets/entry-background-disabled.png | Bin 126 -> 0 bytes .../gtk-2.0/assets/entry-background.png | Bin 126 -> 0 bytes .../gtk-2.0/assets/entry-disabled.png | Bin 323 -> 0 bytes .../gtk-2.0/assets/entry-hover.png | Bin 478 -> 0 bytes .../Material-Gnome/gtk-2.0/assets/entry.png | Bin 342 -> 0 bytes .../gtk-2.0/assets/flat-button-active.png | Bin 320 -> 0 bytes .../gtk-2.0/assets/flat-button-disabled.png | Bin 290 -> 0 bytes .../gtk-2.0/assets/flat-button-hover.png | Bin 331 -> 0 bytes .../gtk-2.0/assets/flat-button.png | Bin 290 -> 0 bytes .../Material-Gnome/gtk-2.0/assets/focus.png | Bin 288 -> 0 bytes .../gtk-2.0/assets/frame-inline.png | Bin 128 -> 0 bytes .../gtk-2.0/assets/frame-notebook.png | Bin 134 -> 0 bytes .../Material-Gnome/gtk-2.0/assets/frame.png | Bin 134 -> 0 bytes .../gtk-2.0/assets/handle-horz-active.png | Bin 190 -> 0 bytes .../gtk-2.0/assets/handle-horz-hover.png | Bin 196 -> 0 bytes .../gtk-2.0/assets/handle-horz.png | Bin 197 -> 0 bytes .../gtk-2.0/assets/handle-vert-active.png | Bin 182 -> 0 bytes .../gtk-2.0/assets/handle-vert-hover.png | Bin 181 -> 0 bytes .../gtk-2.0/assets/handle-vert.png | Bin 180 -> 0 bytes .../assets/menu-checkbox-checked-disabled.png | Bin 458 -> 0 bytes .../gtk-2.0/assets/menu-checkbox-checked.png | Bin 424 -> 0 bytes .../assets/menu-checkbox-mixed-disabled.png | Bin 407 -> 0 bytes .../gtk-2.0/assets/menu-checkbox-mixed.png | Bin 382 -> 0 bytes .../menu-checkbox-unchecked-disabled.png | Bin 330 -> 0 bytes .../assets/menu-checkbox-unchecked.png | Bin 389 -> 0 bytes .../assets/menu-radio-checked-disabled.png | Bin 459 -> 0 bytes .../gtk-2.0/assets/menu-radio-checked.png | Bin 433 -> 0 bytes .../assets/menu-radio-mixed-disabled.png | Bin 407 -> 0 bytes .../gtk-2.0/assets/menu-radio-mixed.png | Bin 382 -> 0 bytes .../assets/menu-radio-unchecked-disabled.png | Bin 330 -> 0 bytes .../gtk-2.0/assets/menu-radio-unchecked.png | Bin 389 -> 0 bytes .../gtk-2.0/assets/pan-down-alt-disabled.png | Bin 180 -> 0 bytes .../gtk-2.0/assets/pan-down-alt.png | Bin 181 -> 0 bytes .../gtk-2.0/assets/pan-down-disabled.png | Bin 178 -> 0 bytes .../gtk-2.0/assets/pan-down.png | Bin 181 -> 0 bytes .../gtk-2.0/assets/pan-left-alt-disabled.png | Bin 190 -> 0 bytes .../gtk-2.0/assets/pan-left-alt.png | Bin 183 -> 0 bytes .../gtk-2.0/assets/pan-left-disabled.png | Bin 183 -> 0 bytes .../gtk-2.0/assets/pan-left-semi.png | Bin 185 -> 0 bytes .../gtk-2.0/assets/pan-left.png | Bin 194 -> 0 bytes .../gtk-2.0/assets/pan-right-alt-disabled.png | Bin 187 -> 0 bytes .../gtk-2.0/assets/pan-right-alt.png | Bin 182 -> 0 bytes .../gtk-2.0/assets/pan-right-disabled.png | Bin 180 -> 0 bytes .../gtk-2.0/assets/pan-right-semi.png | Bin 187 -> 0 bytes .../gtk-2.0/assets/pan-right.png | Bin 188 -> 0 bytes .../gtk-2.0/assets/pan-up-alt-disabled.png | Bin 175 -> 0 bytes .../gtk-2.0/assets/pan-up-alt.png | Bin 182 -> 0 bytes .../gtk-2.0/assets/pan-up-disabled.png | Bin 175 -> 0 bytes .../Material-Gnome/gtk-2.0/assets/pan-up.png | Bin 180 -> 0 bytes .../gtk-2.0/assets/progressbar-progress.png | Bin 140 -> 0 bytes .../gtk-2.0/assets/progressbar-trough.png | Bin 139 -> 0 bytes .../gtk-2.0/assets/radio-checked-active.png | Bin 579 -> 0 bytes .../gtk-2.0/assets/radio-checked-disabled.png | Bin 551 -> 0 bytes .../gtk-2.0/assets/radio-checked-hover.png | Bin 573 -> 0 bytes .../gtk-2.0/assets/radio-checked.png | Bin 530 -> 0 bytes .../gtk-2.0/assets/radio-mixed-active.png | Bin 517 -> 0 bytes .../gtk-2.0/assets/radio-mixed-disabled.png | Bin 512 -> 0 bytes .../gtk-2.0/assets/radio-mixed-hover.png | Bin 506 -> 0 bytes .../gtk-2.0/assets/radio-mixed.png | Bin 491 -> 0 bytes .../gtk-2.0/assets/radio-unchecked-active.png | Bin 442 -> 0 bytes .../assets/radio-unchecked-disabled.png | Bin 448 -> 0 bytes .../gtk-2.0/assets/radio-unchecked-hover.png | Bin 440 -> 0 bytes .../gtk-2.0/assets/radio-unchecked.png | Bin 484 -> 0 bytes .../assets/scale-horz-trough-active.png | Bin 159 -> 0 bytes .../assets/scale-horz-trough-disabled.png | Bin 155 -> 0 bytes .../gtk-2.0/assets/scale-horz-trough.png | Bin 157 -> 0 bytes .../gtk-2.0/assets/scale-slider-active.png | Bin 698 -> 0 bytes .../gtk-2.0/assets/scale-slider-disabled.png | Bin 332 -> 0 bytes .../gtk-2.0/assets/scale-slider-hover.png | Bin 706 -> 0 bytes .../gtk-2.0/assets/scale-slider.png | Bin 323 -> 0 bytes .../assets/scale-vert-trough-active.png | Bin 156 -> 0 bytes .../assets/scale-vert-trough-disabled.png | Bin 155 -> 0 bytes .../gtk-2.0/assets/scale-vert-trough.png | Bin 156 -> 0 bytes .../assets/scrollbar-horz-slider-active.png | Bin 258 -> 0 bytes .../assets/scrollbar-horz-slider-disabled.png | Bin 272 -> 0 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 260 -> 0 bytes .../gtk-2.0/assets/scrollbar-horz-slider.png | Bin 274 -> 0 bytes .../gtk-2.0/assets/scrollbar-horz-trough.png | Bin 128 -> 0 bytes .../scrollbar-vert-ltr-slider-active.png | Bin 263 -> 0 bytes .../scrollbar-vert-ltr-slider-disabled.png | Bin 271 -> 0 bytes .../scrollbar-vert-ltr-slider-hover.png | Bin 260 -> 0 bytes .../assets/scrollbar-vert-ltr-slider.png | Bin 272 -> 0 bytes .../assets/scrollbar-vert-ltr-trough.png | Bin 127 -> 0 bytes .../scrollbar-vert-rtl-slider-active.png | Bin 261 -> 0 bytes .../scrollbar-vert-rtl-slider-disabled.png | Bin 272 -> 0 bytes .../scrollbar-vert-rtl-slider-hover.png | Bin 261 -> 0 bytes .../assets/scrollbar-vert-rtl-slider.png | Bin 272 -> 0 bytes .../assets/scrollbar-vert-rtl-trough.png | Bin 127 -> 0 bytes .../gtk-2.0/assets/spin-ltr-down-active.png | Bin 250 -> 0 bytes .../gtk-2.0/assets/spin-ltr-down-disabled.png | Bin 186 -> 0 bytes .../gtk-2.0/assets/spin-ltr-down-hover.png | Bin 242 -> 0 bytes .../gtk-2.0/assets/spin-ltr-down.png | Bin 190 -> 0 bytes .../gtk-2.0/assets/spin-ltr-up-active.png | Bin 272 -> 0 bytes .../gtk-2.0/assets/spin-ltr-up-disabled.png | Bin 202 -> 0 bytes .../gtk-2.0/assets/spin-ltr-up-hover.png | Bin 263 -> 0 bytes .../gtk-2.0/assets/spin-ltr-up.png | Bin 203 -> 0 bytes .../gtk-2.0/assets/spin-rtl-down-active.png | Bin 251 -> 0 bytes .../gtk-2.0/assets/spin-rtl-down-disabled.png | Bin 192 -> 0 bytes .../gtk-2.0/assets/spin-rtl-down-hover.png | Bin 234 -> 0 bytes .../gtk-2.0/assets/spin-rtl-down.png | Bin 194 -> 0 bytes .../gtk-2.0/assets/spin-rtl-up-active.png | Bin 253 -> 0 bytes .../gtk-2.0/assets/spin-rtl-up-disabled.png | Bin 191 -> 0 bytes .../gtk-2.0/assets/spin-rtl-up-hover.png | Bin 236 -> 0 bytes .../gtk-2.0/assets/spin-rtl-up.png | Bin 205 -> 0 bytes .../Material-Gnome/gtk-2.0/assets/tab.png | Bin 123 -> 0 bytes .../assets/treeview-ltr-button-active.png | Bin 129 -> 0 bytes .../assets/treeview-ltr-button-hover.png | Bin 129 -> 0 bytes .../gtk-2.0/assets/treeview-ltr-button.png | Bin 118 -> 0 bytes .../assets/treeview-rtl-button-active.png | Bin 129 -> 0 bytes .../assets/treeview-rtl-button-hover.png | Bin 129 -> 0 bytes .../gtk-2.0/assets/treeview-rtl-button.png | Bin 118 -> 0 bytes dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc | 36 - .../.themes/Material-Gnome/gtk-2.0/hacks.rc | 36 - .../.themes/Material-Gnome/gtk-2.0/main.rc | 2708 ----------------- 141 files changed, 2872 deletions(-) delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/apps.rc delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/border.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-mixed-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-mixed-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-mixed-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-mixed.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-background-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-background.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/focus.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-inline.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-notebook.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-checked-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-checked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-mixed-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-mixed.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-mixed-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-mixed.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-alt-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-alt.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-alt-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-alt.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-semi.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-alt-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-alt.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-semi.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/progressbar-progress.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/progressbar-trough.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-trough.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-trough.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-trough.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-disabled.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/tab.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-active.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-hover.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button.png delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/hacks.rc delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-2.0/main.rc diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/apps.rc b/dotfiles/.themes/Material-Gnome/gtk-2.0/apps.rc deleted file mode 100644 index 530e72fdb..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-2.0/apps.rc +++ /dev/null @@ -1,92 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. -# custom widgets, programs giving us a chance to alter their UI to fit more with -# the theme or stuff that is supposed to look different, like panels. - -# TODO: This could really look nicer -style "gimp_spin_scale" { - # Spin background - bg[NORMAL] = @base_color - - engine "pixmap" { - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - } - } -} - -style "chrome_gtk_frame" { - ChromeGtkFrame::frame-color = @titlebar_bg_color - ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color - - ChromeGtkFrame::frame-gradient-size = 0 -} - -# Disable spin button assets for GimpSpinScale -class "GimpSpinScale" style "gimp_spin_scale" - -# Chromium lets us define some colours and settings for better integration -class "ChromeGtkFrame" style "chrome_gtk_frame" diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/border.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/border.png deleted file mode 100644 index b0bc0a0f24700dd6ac45c35a1c1f8d7f5bf93809..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 123 zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k8}bl&H|6fVg?3oVGw3ym^DWNq@p;; z-HBn{IhmJ04okYDuOkD)#(wTUiL5}rfTxRNNChJ!E5on<49}iDljpEvy0oNp=R}|! NgQu&X%Q~loCIDJa93%h$ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-active.png deleted file mode 100644 index f671a331a7db9a00617e6061a2808febc7da60b0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 320 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAuWkA3TfhH%HR`nkgXU5Tp2ND_u1lJhd|*jkdgh90*{o&TG`hrE8avEdJ{;VnQ$4}E z^{2F+!gMZ23#|jaTm_4n?yO)iM`EgcU|D!!hU=Dw;=E()UO%&0R?%#rQ5<`n|IGaf zvzG1jp0r@il$qzA{ZER$Zg%X({E8sQxBpJXK7RRd z9OUlAuwmdK II;Vst0Q|yyi~s-t diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button-hover.png deleted file mode 100644 index 09002d7aa9026ec356b0d0a48560e239c3af7a51..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 331 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAuxegf!uszt_9k;@_>%oI3 z!4^ON`9IX@XyS8i-ez`8PU8pLOUHc+510O|&tSG}SwBVS-FNZlb5gT;53@u{$LGF2 zoYvfbpXaGzoB8w4wW&Ok0Sd>;W7gjl6;wXy5L}@csk*tw^jU$2=;sX#sT~uXW~f)$ z`SVSA^?UZxr<-Or1{K{9&*krnrWxX~mmB_UPUM-N@{N&aM$qL$KJ#^eer51<^>bP0 Hl+XkKfGvX2 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/button.png deleted file mode 100644 index 28157194530cfe91719d2c3f4653559923c75d54..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 342 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAu^X^cS zD&RdHag2$z*;fDbr-Mwal7ekjPHG}aYl1|MP8FW`cGo+;M%F_UITQWwv!CdAwac%j mH*%AX^X|vz^LA8Z=zmX--+J)lKY5_H89ZJ6T-G@yGywoS6oqa8 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-active.png deleted file mode 100644 index c1d04a2679f2f60183eaf0d44d2a9fb77cde0c88..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 593 zcmV-X0|WK~#7F-IY5} z8$l4qXYOK}h~z%P#a*hW1sGYS>p=+)$HT`zuCRrS%8l&tT$+8m_hnuzt$4zl+8A~tNK|1 zfH(o>cyf62T>x`-tp~p#0|Eo;%LZj$18HHM(FK-89d{JWE4d)hMs$&-l>pIsmL?Dr z(4dG!Cc4D3{(jFEnRDwyr~!i}L}lvb(}`TI?OA~|PeYSJ4Vis70suREa88N3s9d_b zIo$pSB<@}aU{K_#F91M|V$h&$bL(Vx@cZxoPO_v>m#3g+6^)?W7* zBK`^iP@5A9y1hBd$Ea95Z`8ahGX&t0hTn|89jn&q{+J)4VD7bY#oRrBk;qR!MA;ne zQW5}AAu!Jc5fAsrs+p4zmjQryD(!_PQ-xe_v6Skz$P=~WgtfrTG6Rd^Lb3kT6Te7~ z{HQgY74XTpMMQCEQg&r^w>_tbClfgdS%G((iy42}*8P*Lh;SP^4lZRj+y@PGI}Oe`oZZ43pKg%oIFASj8^W+@d+ zz$iF#-D^OWo#nAm>FIVJ=es*|=K%b5;h@QQKJTxWUV?;15T%;87SHfF8KO!64J2un z4|ku(0<52Bmp|%XTPV;E1H>Q@ROknC1+1QBH%Q0`coAXo;b^De92S~+IurG5&O(Z= zoMz$!0g-ejL<(atuKXAdTSwa$0F#(^4ByozH-`q`>N{QHMSRIsK^LT`)gB3O=V<_L zMery#uL;U7ND;Gln}MVQoYi+L8g5QVA^V(^VqOPW52?EZn^QixTX#)m%xc=>V7GutO9nbJWUx0jg^N4lcLF9mrg4DL3k| zNJ3Ks7*B7Nex1XRM)7rj6mvdCd+_}NN++qNlrjgC%1YLrPy5H?@t%oFm0?_2iRz4P z_qgUn^_WX&80Gtet8ez>^3002ovPDHLkV1kDi;3@zB diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-checked-hover.png deleted file mode 100644 index 60feebd294fae5e43621ec1e58eb289084640fa0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 585 zcmV-P0=E5$P)eNn1#?ObD``Ajkt^fdQq` z!PT3A1U7G#9WJrBcyvQI0)zq*#5xHvyPz-edM?P5y~s5Xfy@D}eTlcIZ39+vQAj)n zgMjcN6IwaxD6ny-91_#VGBB9R1L=Kls=02(vn!d;7i*ouDW6B>D7)^qSu{5j$T6ODLHrEQA<0?Edg4IT9)FW1z7F^7yT zSp)=@TR|-E&3gQ!4Bz`D*I*pA?K$8;laF8DSN@slh*_i;xf!hy5fqGxD(8!45y#}3 zm6!!MV%}V56d89(8RwnzPm90^SD)=l8zPZ~`BSH3A=GU~NAo0W&goLw2RQJbuH<6W z+0g1-W8M6MT)C2b2#zce1 z=6J^oXI*#`3K7Jf{!}8BhqDF;btKRx#LzDaWl^r5c5!_cI6__mc&b+DAs6(7#CiFrLZyHfR%%zR@T#KY#*!2GXPSTVlnfY zv@9=P5Dd@+sN!~#dsh){HAkX$Vuj(k0Z_MHjeRmjIls^kYG?C>90RZ>TQU|fDVr&f zZRQEZ0V2MjPm}`5X^tZUKxn2T4pDa$=8jy-F9X2la*!HJ1o@$Fo;NMTFo^A6$noFp z6ZZR=v;SmCj9YGbIar-Q@Y<9laoAI|*2fZ6G~sRtl6p{3DjnVRwr!N@m|xwh%k09= zqTWZ#?W91{6?InK{2a&>s?`4Rcn8e|NPv*lN&i@I_1c9>_6SK1W-to{Z*FTV2dsbD WX20y$x$npT0000f+A<-8B#X0U;U_V}#&;z@P9KobBW! zJ+DQuEu{kOpr52k-@WU7U*EfT2k_s)uu07jDlGJNkZ^^EDckh@SqFe50XAfDw>Fc2 zc5<_UNfbb!LO8aNF-}McGV14|f(fio5ZqY{0#)@3QJzRZKNDpFYagbB$TIXxQSsY7 zTcn-d=1>6v5uhGz%A-PKF!uZb2QNcJP(k4&hhM;6Jq)uXiUOb8{AX@N02RtYT=di0 zE5NTB!~`NP2MACK;zJv}B*VPkpYK-9=HpwKkD6XzTFhiyNkD2*6yj$~kO8bfmlR4F%*u-Xx+tM8vMF?y;v-$YPD#wiA9Q^X2|YO|S7?`MHe~1?Ppy(q74LPXsxe&4;#{&UO)!m+XK2F^8DAVwub4%v_m25H2# zbDr+8H1l|`=)FV!rhCuZ?{Lm@{s6NMdUd8sCB0RCSt3J^AmgSpI3(IhRhk6QMq>49 zK3khgkUS|ae6&6{Q9&I%5F${h;wBm?SUD=LlfvRK353^ods~&^W<^@OU?nDAT!55V zKD1Jvf_TANB#x^vEjq?x&e6IGz|Z2n1>gCGC=N*=cHgTKe~=+6PZAKSQ3wdtz=$LW zX7}GPrkJw8c}NftgPYa71~wHsea>gwUSrk@R>Ftv;@;-M+Icybc^WB( zF?1uGQ4}=@;ZFpJizMPr;VlLobsrR+K4iU2hvDieb04G_!#(H21CN#mrSO5p6# zI+q2}S?u0vY{0Bp%oF3qELhU&>{i| zq(V-h5JwRKrVKd|oa$myU{ftsE)EYCNiom!&(gqNyvB|D0(=^6-wIZ^Kk@@R<66mz zpG8KTL2k%-M1aV7gPb7rY$hxqi_qiO5;DRIY?}e&^981LeMunOkQD?Y*bG^P+0e%< z@&IWed26oO_Qw05Izn2Bh({S=Ynw=)6H87&J|=g?%9LIJ&*K-zqru zUmGlhj|8xu)yDF=zqnsZky*TngqYO&wm2Mt-96@2l8}53M-4}yGop(0C_4gE+#b?G z(3vAJr(HsNc#Df{+$_@iWGJsx+#GXuo+*ycZR4u~g^feD4;F&~;^4?Ag^R0YikJ{0 zEwuh}1T^Chqy!7Ed@%RPgt`=LU^N(t+k4=tn{I|gFP{&-rj86 zPP-n-%R5t^ZTuPT4C|FvgfyCYXSL1GLo8%c`y*F7=uUz)5s50>9}6wNc4d+sg6Ms! hzXK&}X%xplnI$=IQHh+^Zf}WZAI4&*1xp+-S`%C2xV2sPf|IyBw_n)-MBr>-1SSIJz$x#SH;t4P0Oq% ztA61GX{il@SFX)T=ze2e&>iA;fq&i7`D-}#pXqP#Q^{fJ6@rN5>}LzV!QmPh#Qq-D8pYfaWe5d2`&DL*2Jm$>WxoTCo h?`4Ur{Qq?0zu9+wb)Wa|2{5P`JYD@<);T3K0RVdCw*vqG diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/checkbox-unchecked-disabled.png deleted file mode 100644 index 63516cb76357e0a0d943d19f1cf8bc5a69b167e1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 448 zcmV;x0YCnUP)!h~rogMUmrqp2PX3X3{;QPL~R~*4rJ6om~xFol==C%fIk7=4e{diab=(f79Q*sdO ztn7G{7FHrb$?j?ynx;J<=(0g)as?BKY!k0QeAKQd?*XQWqKLjzx)7!X@%xncTVNB! qJ_XMg6u~z>Ns`>UIg#z0pUE$_L8+;Unf{vq0000z#e2@hMe9;I&gC-*f^3wa8hn`~S;QD~XaFI!G{&TTqE0~^e}qDm z@ALpgLFsn8PVWj1hb-_s3TOmMv11gilIFYC^3yb3j~yIf)!5ozft1eZ!E11C2!|!W z?CX?F0ii(hEP*lp8_fh_Z3&i3CTJ#vxO$c#&y`Ozq15kIJM_og1X^oJGa;oaECJ^) z1X^ipSOW(?u@I8DuFN}n=;h-%Da_UTzrBV*Iu)S!%#KhSR`|r-o zKLCFnp=ooo*@)})T8-ma#-G&d_4>3v7z{2L$ATdE)9KV}C9vP`??h45@emOjNRlK* zLAOq*@?+O^AMm!1w+<)hRcV^)wr!89_De6=?RMI5I2=I>6h%2{n Bn5L=HZJ+~~ zvgg@sc4l!Q1yK}f&=IN|H3y6H7x1_}1B-4?CX?3>LAI!>ssfy#wr2lxfglL_zzOn9 zNdWUN0VkLt3j)7IE`;H5IA93R&KQ12U(VhhG9H?XZ|!H zNm8uq`hmrtjuV8G#GxaYiQ{!#8g?{Eec!)_7Ra*fj>qGIKq(zG4Z|=z!Vf_ooxUDk zDL^b13m50RMfrpqVC_<@-OGGFcdGVl3%Xn`->6t5gcI_7-P`0DTJt>5*>1Oo)oSI# azvUg~0H8v5#(2yC0000GZx^prwfgF}}M_)$E)e-c@N{70THjv*C{Z>O#2VsaE{Pj3t6X{zrkSRm7p z5MUs|+Z1>qe8Vg~&V9{CGj_WR2pV=u<(RGK%GwyQu0tws??vkmjAhLm`B}R= zN3uoW^vq?C-7dMsn=n?KWZXGr?o!o`Yi}4&O2jNGP_dcaS+RfKc^Nj>%gme-2j5mJ z@w}f>#2a}~@QLuvJ1NN<7ryz>ukfQq%6xNJDkGOdK#y2PBMAMOp72C2cmV^GqS>7{ z`TbfN4J`uEdF#GEcR8y4g0-`7!~B|tLw_E<-KD*qS18b~;^F(obQSrNZh!owj4GJ7 Xvf3Q(`qUB+^euy@tDnm{r-UW|^W=RO diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry-disabled.png deleted file mode 100644 index e194aa47dba2119efc2b864617e66fc4835ba4b2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 241 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{5DS)$B+ufx7RlE9#PEN3;j9K(WKygIG_GyW0C>nSjQek6#iRbbBddk2?&kh~Z5+tB#XvnNZV4zr%H zoP4c-G02OhD>wFqI>RZ+ga$@7iG&7*!=;-F-p_T^Z0|Up)fBX;S>ka#cjaB@ h*Sl9-^Rm|OGZx^prwfgF}}M_)$E)e-c@N{PUhJjv*C{Z>L#vF&T=u=G!U%U=9?R8?}06 zY*TCAP1PF_FSuByaxCgFa5Fyd;x4gfveOC8xV%~AlinFkS#v$)_4j^B1-4@e9R3F8 zQx;7#T)wkcx58~#U}RmgkIw7TvTITH4;XjeUG=fNa6d2}kREtk)vEpbD{m{(qk|y*>+{V{hTCrg3PR*yq zS?5LMG`pv7+Uj~HXL0sn<26-*uZ*<1l$5oqJ{;j*ZsR`tduq&Ppw}2YUHx3vIVCg! E01?D-fB*mh diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-left-entry.png deleted file mode 100644 index bf1011a6e1f459fefafff27577d5231f6fced516..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 258 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{OO)9jv*C{Z>MeKWme>I%{?L5YVzh#Q_sPG zo&yXD7u}VVp49AmRATz>50`h|zsYsU%5%{`p`B06lD zQ-bbAy?*+z#Y;0c<{`_wySK01+H~%{#<>s93}-qVSd;`BIa~@js@^k8ES#P5ZSzkS zwH1rrOFU-x(Quh#c#MBK%X;p=9`}CdK3)Ei{m?^`h7G>H{y--(c)I$ztaD0e0stuB BUP}M~ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-active.png deleted file mode 100644 index 3da7ed38748ae76575c39f24a3f4ab1d1f88bee8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 344 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{I{Mijv*C{Z>R0&b_^6betv4o#3?5aWF&47 zR_ko7cW`?;e}m-xgbh-EnZ1IJ=p;^f$*W}hDOtew?qk`Y_xu+5MfRuvmbHC;dFQE& z;M*^PGd4(_UF&{3q-buuZvj`%3#U_WcFnrpnkZqHu*fDxl;?8Jq9Yuh^FGZ>5EWQ^ z_1yita?4aU?pyYdDecw93#L!LUeVwd$Sh-=$i+78ev70#i^)-aYo!f~S-cj2(0^?W zUa_P3Ld9i_x_>AC%nEXIILqr3@c86Mnfv$W=W+^c^Rkjnc$bo2#$0FDF3!4*(@vp} k<mdKI;Vst0J2AeNdN!< diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-disabled.png deleted file mode 100644 index f9f1a87d39b80fda3b248b9ad7dc15ba1b49e027..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{B}hS)t7+ny!- jc>Y?qxVJf4_Pw3sO^cQV4;w{*PGazM^>bP0l+XkKCPq^~ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry-hover.png deleted file mode 100644 index b9070930270ae2d9381dc0760b95728ebfec0039..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{7;@Pjv*C{Z>OEjVlotHNLSw-trHy;#j*B* zaEX3g)$8Of{1?>U_7Np6BQ4IfkXIX`=D5dUn7N@(gohYl6T z%iG>AxqkVwH@~C6`@7MzR=qEHdH?DuarMmD>;4MIoTq2pcRzAGz~tDTf8BWu8{$P= z?Mlw&ItOON)^l+)bgT%~lAf#mRZlO$YHrHej|C0=vpFidz3YSzng$B6f>6QrCO!Gc zHn*4w&nw+nYR}C*T*&40;lbT=`%QRjKW=x`ypi$O#(V8id4U5_)m@1eA3l6|!oNf8 ocEd+Gt@nkQXKG@msTRKHcp@0+XybNrI?(qFp00i_>zopr0FK9r0RR91 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/combo-right-entry.png deleted file mode 100644 index 6992de478921502451553a6953eaa6dad64b1c10..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 246 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{BBPd$B+ufx7Q50m=#4>0{-vX$gxEDi^9GC zCQ2QpK`F_1<~rSAwzw-V@KoIHty@&K{$`E6-|Nr)oE>EK%qNVgT%+ZK;KYrRPHVPC zul;IyOn}Q^Vs`Zfh9y%r1v5UMvy`cWiA!Ta0~6N;#x2}h4Sg;zT{+_9lWT(O47$b7 n?T(aq|Cj%J{A-8Rhu^Tcl$+fX{Tbu|bQXiBtDnm{r-UW|kmXb{ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-active.png deleted file mode 100644 index 09b1708cb5377dbe442e99b940b7b90633f3f632..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 494 zcmV@QN)O*35k(icZ`v|!QRS#aJT=?HS^ET6*~yOSoTi9+t!gnE}{VRxDNr4mrLd* z5z97XNUvdg-x7@Fq_jW}9OQiJDmml)7#PYP+{wj4hWDX%@6uRLu&^=^Duc^dI4aJ* z*6V4(MW5U{HC`D-S^Y&>eVdY>AM74?W8$rB7N7jvk1uCrLblX8T|ycGCzc;yqC4O3Zk5HjGK(7or*NIsF{}^mFp&1cJmO^YyDqM&B kUs1Mv6{;C08ULWrH#r`PnPywMsQ>@~07*qoM6N<$g5OBUK>z>% diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-background-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-background-disabled.png deleted file mode 100644 index 50199da84ebf569e69f6f349b16bb3de14af170b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 126 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?3oVGw3ym^DWND9BhG z z9OUlAuwmdK II;Vst0Q|yyi~s-t diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry-hover.png deleted file mode 100644 index 99c7b0a92315004d1ef6322ebf4f9bbdbee95078..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 478 zcmV<40U`d0P)1d3Rc8 zbEQ-cl|;>hz<*8C)iEKY-fSky)K2?&%k%hSHBWsPtdTK(Uqq~9>L=|YNZ-K{u*LC; z9~%l5vfU|G3T)#9%Ek$ljT0yvCr~y{plqB#**Jl+*$6C`J_ie-TEi4Koa+|YLx>CK zG&TbC0|TwqsSQuT_kAuU3~`_5bWFprHD(OvCa!zl>I~L)RRarGiXSG4JjbyL)-1&S z%X+XCnVAr~Fh9vnuz=#g)vXYs7;OC$ML#Ebp7*uR51@kJ`-&|;o4t((gMq}{FAF${ UerZdjp#T5?07*qoM6N<$f}L%?3IG5A diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/entry.png deleted file mode 100644 index 28157194530cfe91719d2c3f4653559923c75d54..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 342 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAu^X^cS zD&RdHag2$z*;fDbr-Mwal7ekjPHG}aYl1|MP8FW`cGo+;M%F_UITQWwv!CdAwac%j mH*%AX^X|vz^LA8Z=zmX--+J)lKY5_H89ZJ6T-G@yGywoS6oqa8 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-active.png deleted file mode 100644 index f671a331a7db9a00617e6061a2808febc7da60b0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 320 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAuWkA3TfhH%HR`nkgXU5Tp2ND_u1lJhd|*jkdgh90*{o&TG`hrE8avEdJ{;VnQ$4}E z^{2F+!gMZ23#|jaTm_4n?yO)iM`EgcU|D!!hU=Dw;=E()UO%&0R?%#rQ5<`n|IGaf zvzG1jp0r@il$qzA{ZER$Zg%X({E8sQxBpJXK7RRd z9OUlAu5<#p3~eXe+db#G<{6#O_suiTRVq5m z9RGNzf;)oSzR~5tM#aSnzc;<#eex>%)-bLVi5RnGtPR{5kC|@mXfV@T(2HRDI)pm9 zIhGweykkmIk-D39A?p+uvGRwLBj33#+N!pA?t{`;-w+)R`Q$wx{>sldeq`}#*B)b= a3TBB^H~R}$?ydxSfx*+&&t;ucLK6VweQKEi diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button-hover.png deleted file mode 100644 index 09002d7aa9026ec356b0d0a48560e239c3af7a51..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 331 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAuxegf!uszt_9k;@_>%oI3 z!4^ON`9IX@XyS8i-ez`8PU8pLOUHc+510O|&tSG}SwBVS-FNZlb5gT;53@u{$LGF2 zoYvfbpXaGzoB8w4wW&Ok0Sd>;W7gjl6;wXy5L}@csk*tw^jU$2=;sX#sT~uXW~f)$ z`SVSA^?UZxr<-Or1{K{9&*krnrWxX~mmB_UPUM-N@{N&aM$qL$KJ#^eer51<^>bP0 Hl+XkKfGvX2 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/flat-button.png deleted file mode 100644 index 481dc96e1471764629d7fb1cf6f53f4389214360..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 290 zcmeAS@N?(olHy`uVBq!ia0vp^20$#s!3HGNb8JolDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAu5<#p3~eXe+db#G<{6#O_suiTRVq5m z9RGNzf;)oSzR~5tM#aSnzc;<#eex>%)-bLVi5RnGtPR{5kC|@mXfV@T(2HRDI)pm9 zIhGweykkmIk-D39A?p+uvGRwLBj33#+N!pA?t{`;-w+)R`Q$wx{>sldeq`}#*B)b= a3TBB^H~R}$?ydxSfx*+&&t;ucLK6VweQKEi diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/focus.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/focus.png deleted file mode 100644 index 1d745e77c16f0734ecaaf32f42734b25c0f5cff2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 288 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7Bet#3xhBt!>l*8o|0J>k`CC0*978G?djq_=4jG8##5G52uG8sQU3Rfl z|AO{c7F&1y%h@V7J7?(J?dWPb(sx8CNt~~RC;wS(q*?MTwRoE- f@40`*hdqqHH>dTkZ4Z$IdVs;x)z4*}Q$iB}?l^0* diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-inline.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-inline.png deleted file mode 100644 index ea449e8a340425e4e45cb5fc87646c40c0727df7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 128 zcmeAS@N?(olHy`uVBq!ia0vp^%s|Y z9OUlAumdKI;Vst0PzbQn*aa+ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-notebook.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame-notebook.png deleted file mode 100644 index e73b5437a04d8a8f0f1e5422c483325e9a779365..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 134 zcmeAS@N?(olHy`uVBq!ia0vp^%plCc1|-8Yw(bW~oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzO<){V@L&Ka?RgglcktN3>rBC1NTKM%o2=b ZV_4wA_Brj1jxSIdgQu&X%Q~loCIH71A3Fd5 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/frame.png deleted file mode 100644 index e73b5437a04d8a8f0f1e5422c483325e9a779365..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 134 zcmeAS@N?(olHy`uVBq!ia0vp^%plCc1|-8Yw(bW~oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzO<){V@L&Ka?RgglcktN3>rBC1NTKM%o2=b ZV_4wA_Brj1jxSIdgQu&X%Q~loCIH71A3Fd5 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz-active.png deleted file mode 100644 index 92c51eb274ffd421108a127c1e787aa656eea9c9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~d!3HGTx9oodq&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFG0%F9eo`c7&i8E|4C#8@`F8H978G?d%HIB9#G(6$yM{1(quL}wXJ7@ zr*pPSi?~4oOUJeNx$opUJ_#qEa(Vflr#P%%_R9Uuo4;ST>@#~W@UX!)F5#=+l6_o` g%+rq3VY5`6_OBg&|{an^LB{Ts5b9+6V diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-horz.png deleted file mode 100644 index 7084b6964d9f343759de6771fb50b3f3039c42ed..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 197 zcmeAS@N?(olHy`uVBq!ia0vp^0zk~d!3HGTx9oodq&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFG0%F9eo`c7&i8E|4C#8@}oRm978G?d;1jm8Vp37>!pvVaBX!iV0qHl z^MpetiK}(at8_)38}V27nE3|2-pZuYFe}CV-095NK)*|7mxLQCXGOdTo^p9^X3L~o o9|G^OZ`u7@_u<|z;>mv))h9)~I+>#@3bcj6)78&qol`;+0QJQ{?*IS* diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-active.png deleted file mode 100644 index 53bc1a775b66aab0813941fc0cedbe71525a9c4e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFM%AEbVpxD28NCO+(46`SXRC_45TyzZZTvY@Gaba$WFF Z#^?y=rSBfC-~bxS;OXk;vd$@?2>{IzHLm~w diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/handle-vert-hover.png deleted file mode 100644 index 9e9535e79e76e2989eb46102cb55ae1359f3d8f1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 181 zcmeAS@N?(olHy`uVBq!ia0vp^EI=&4!3HD^x83^;q&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFM%AEbVpxD28NCO+c^eD_nE%IV8u2Lyq@{SZ zdAhpJJf+sexT1Kj?%ck6>v=adwuz*l?2(O8Ua|DTrE`{cD!r92Hq?6W@%nSfXe#@M XtzomD@6@gZ8p`15>gTe~DWM4fm=!ng diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-checked-disabled.png deleted file mode 100644 index 2bc85ce5466a4c0e62868c0e66e8b0086afa227f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 458 zcmV;*0X6=KP)=r|CNlW2xZSUmN6~l;52uZW^VNDU z2$?Lbk}r4O$zH2jD*3Yn3V+@X&e3oRVn{nm!c`pce1z#Thv?zdkN=2 z80WgxF;moFLm3$xUr4Uk!Ly*Y~%)HK%i8_#{MK#6QT0k zH+}p2+3$bb2m@R$U!sQah5!>aL-Pqh0f+@P&Ehq^F8AZHJA})p^KmelYxEr)0@6d> zd@RcJw%R2y@`xsDHD=%eQ?%vJ*piSrtg1}6ZSV`8GrGrTea zh-^B~?`H!{eaHbrti`Uh8&T)APEqgeEGyvV{x9-3NusgYAah7PlQ0nq-c@SqL2gw5 zl)ZWYk1ACx$$w;xF38Cqy4xg&$vO|hg|#u#Hm>0WsLBh{+1{v%9FB(MwioUbYZzy4 zVSK3?Tk}_DXP2N%<7&&J*iVV%-5!{Q!)qIDCjB^}DdKKMN`__?Fh08{@8JhqnvZ;2 SW>Y!<0000t<#(}#XHNXKJh9E``6_sL63 z$awG$2%u?DYG^3F5djD+2X8+jzSox1@t+D diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-mixed.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-mixed.png deleted file mode 100644 index a2d17c64a3849fbb73baaea0902e008ba61ed850..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 382 zcmV-^0fGLBP)Aq4_C($286;3%>p zbm6V<@gKww zo%^iX;%>9Mz?>&Mef7c|Be00J@|D{qYzljMtn=Ti^E5eKguTx>Q|1puKq5H{bBRcP ziw(>WiFJyP$^8J?$x!3-Iv@7B=TN=q;_<~48KUsR1<^GkQI*EmKv#%_RV()SzWFF> z9F5jit1yWj(lUIQv98{>lkYM_VM|-&o2^Xpagk`<{{xd~cx@KPGr<(?`gW=Kufz07*qoM6N<$f^=A*{{R30 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png deleted file mode 100644 index fc60b565ff44d780c993449414c94380e84dcee2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 330 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{(Vmu$B+ufxs!eQnhXS5)1zFSBPMNlx+13O z^TBB?s$LG+bFW7P_i%mjo@I7+&&;yA8Fm}4W!>b9y)L`u8dv$T8OJU9mg$`CoSB<( zzH!3sZMLbAWlQXN4i|9CZWQ-Ea>YG{SzoK`5tq7O!-?pl4BIX|ShH$XQ14x%#Yl&r1pMx7sJkgjY$nLIevHaMdmq9+@bGb`(A`|mvDSXSwmmQC119u z3+C<+`sF9`%ywtR&0Pz+6DR3T+@!WeNHWRZ=e^M*r)weCzp@Iex2g4TEY#t-khEkz Yk8$<(vquG0fnH_sboFyt=akR{09QzUd;kCd diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-checkbox-unchecked.png deleted file mode 100644 index 28a476249edde44cd40066a6ebdbf048f2cb7363..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 389 zcmV;00eb$4P)&9H!CLLkZ^k#ayB5G`<}9-5#NN`VHbfC4yz4e|z9Af8B;Ho0up`$t%4x-!MO-flP;k%-bfK000H7Fwq1%1>`|s+qMhQ1P2T}&l5xwS-%DPzCRO9+O}od zgM=*%!?6D;qVM|*^ZBnBeao_Bcs7(#P8G;4^l!ZcZ$`1)pZ!+=1&($c$G%)&Tg?b| jYTtJuzjG8tU)TQM7V4b|a$ajH00000NkvXXu0mjfZETt& diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked-disabled.png deleted file mode 100644 index c8f70b015cd9ed93949df257526465039e792eeb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 459 zcmV;+0W|)JP)B?6f`dkL$3io!mC7Q3Ejc!5q~<(+H+1) zl$g{Z`~{b9?W0WRvRZY2E|B7noAEI!orX0aFWStfT5<_VLOQQo?05CJ&h=Z_kIRjw zJ=1ssG2jxn$W>H=m=Li^o0tkaM8|oLzRdzjr#o{QPwBoTzS`V1$*YKFgxwOWd(;EiHZ5f<^ zAy`t8A_$SaX`mz_ki1;||$#||?EZmKJvg_9_l7-VVi}$vQVS21~ zmg1#l3PMJE4p3CcX;kFTh&W|f`1Cc`&+_FU{~H`sm`qOKgbDxv002ovPDHLkV1le- B#4i8< diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-checked.png deleted file mode 100644 index 3bae6db71a601b41fb418e8961612a43f76dae31..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 433 zcmV;i0Z#sjP)pE|;cEjMjU&`*ykurbc2#`q3!kpkp z{1zMNc%uWOT$UFuOWS0hjdhAHM{f#0y>`{IXgFt<#(}#XHNXKJh9E``6_sL63 z$awG$2%u?DYG^3F5djD+2X8+jzSox1@t+D diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-mixed.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-mixed.png deleted file mode 100644 index a2d17c64a3849fbb73baaea0902e008ba61ed850..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 382 zcmV-^0fGLBP)Aq4_C($286;3%>p zbm6V<@gKww zo%^iX;%>9Mz?>&Mef7c|Be00J@|D{qYzljMtn=Ti^E5eKguTx>Q|1puKq5H{bBRcP ziw(>WiFJyP$^8J?$x!3-Iv@7B=TN=q;_<~48KUsR1<^GkQI*EmKv#%_RV()SzWFF> z9F5jit1yWj(lUIQv98{>lkYM_VM|-&o2^Xpagk`<{{xd~cx@KPGr<(?`gW=Kufz07*qoM6N<$f^=A*{{R30 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked-disabled.png deleted file mode 100644 index fc60b565ff44d780c993449414c94380e84dcee2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 330 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{(Vmu$B+ufxs!eQnhXS5)1zFSBPMNlx+13O z^TBB?s$LG+bFW7P_i%mjo@I7+&&;yA8Fm}4W!>b9y)L`u8dv$T8OJU9mg$`CoSB<( zzH!3sZMLbAWlQXN4i|9CZWQ-Ea>YG{SzoK`5tq7O!-?pl4BIX|ShH$XQ14x%#Yl&r1pMx7sJkgjY$nLIevHaMdmq9+@bGb`(A`|mvDSXSwmmQC119u z3+C<+`sF9`%ywtR&0Pz+6DR3T+@!WeNHWRZ=e^M*r)weCzp@Iex2g4TEY#t-khEkz Yk8$<(vquG0fnH_sboFyt=akR{09QzUd;kCd diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/menu-radio-unchecked.png deleted file mode 100644 index 28a476249edde44cd40066a6ebdbf048f2cb7363..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 389 zcmV;00eb$4P)&9H!CLLkZ^k#ayB5G`<}9-5#NN`VHbfC4yz4e|z9Af8B;Ho0up`$t%4x-!MO-flP;k%-bfK000H7Fwq1%1>`|s+qMhQ1P2T}&l5xwS-%DPzCRO9+O}od zgM=*%!?6D;qVM|*^ZBnBeao_Bcs7(#P8G;4^l!ZcZ$`1)pZ!+=1&($c$G%)&Tg?b| jYTtJuzjG8tU)TQM7V4b|a$ajH00000NkvXXu0mjfZETt& diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-alt-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-alt-disabled.png deleted file mode 100644 index f5a28c64ea308eda3044c6b8ca1badef88d341af..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 180 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzNe>)V@L(#+cS!M3``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzL%$qV@L(#+cO(E85DS2E*7(Dho5d)r^eBj zaKz6kNo(WD_v?1ByZrZl{-XB6oCUWVCAUtA2|eKaB$8Ff#d>yw%bLx%-J+yhUgUD~ XZr8Fj6TJBqXexuJtDnm{r-UW|D*rfI diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-down-disabled.png deleted file mode 100644 index 3010107110544c368fdf47281ef25122641a3459..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 178 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzPqQ3V@L(#+cO(^85B5N0%Z?1{iWuotUib;;B&3=#$JLGa+>kD+AN``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzL%$qV@L(#+a5zc1_1$ zan5z|PS0&OlH53+*%#T|bLVDY3*U4(>Spc(xtULMAIL``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBez2#DV@L(#(}^2-8w_|@{2N@{r;FaGpSR|N ztndbhH#L`BcV62yIrXrdN7dq+jjHpD8|Teold``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzK^GiV@L(#(@7UO85B5J<@*FIVuY>cT;RCG zl=&+C?)p0m6+W=9%C0hYax!z)FPMDT!L5ur@+NPH1>1~v0mloxAxaN9r}{cAa<6LO YJ^n;t@0;3rAafZ!UHx3vIVCg!0C_qzJpcdz diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left-disabled.png deleted file mode 100644 index f65f8d44de2d3abab872ffd1691b1c7b55eef37c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 183 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzK^GiV@L(#(@7h785B5J?B69kH0wEMCZe~H z`2_crs@~R}+$s$931&xsXLp``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzMrRyV@L(#+cUd)83aUHA4+d*2s)k;W<2Yi zODglmhTj)7j@+L&x&Ou4hKW`3M?aPRF6 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-left.png deleted file mode 100644 index fd14eed59081d70f4165251d36644f7f6757feff..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 194 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBez>QLV@L(#(}^2-8w_|@=D%^6m}z*~P0UHB zLGFnhJ9qh$sNd@<6L>=US>p{OOZV@ouAI#1^?rFuin+kly9||n9G@gsl!{H#-n3;~ kr|yMlMHxr7?g#tttTr-Ptm4u70cZt-r>mdKI;Vst0Cku``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBet@ToV@L(#-Afw<85B5}9sKrg-dxQ3eSW*> zCCkR=3=V$Qm)dGtJ?=3?oQd7IdY8nKAEiAk4m|=5{SyxOPUm0na*ne+W3>;%zZ<+8 dR=RslV3z6^|9kR8dIivI22WQ%mvv4FO#oE^IyL|R diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-alt.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-alt.png deleted file mode 100644 index 091aecb4f28390aa1fc94d785646b3551dedd4c3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzPG1~V@L(#-Ajgo3BAfPO%%in X_Q-9V^EmGW&{zgfS3j3^P6``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzNe>)V@L(#-Ajgo3p!RT5p VVe?{NRw2+(22WQ%mvv4FO#swKGgtrs diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-semi.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right-semi.png deleted file mode 100644 index 58ca8639764b8530e46ba3dff07dbb7233f15609..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBet@ToV@L(#+ld=F85DR};RUs^5Y eBJy#kGi#i>TDj4McS1n389ZJ6T-G@yGywo^$T{@@ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-right.png deleted file mode 100644 index 0910b61bc7f2f1612ee27bbcd1d6e5e447401711..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 188 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBexRp|V@L(#-HRJ}4=C`sT=XvMkT6e+Nl_GY zU{lO8I3)V#UtIBly@t!>r#W>TZ81q;tz4+0Wa1p+;5@CN@5yn7j`DYleG_cvU5igR el(+0-Wau$56Q`^_5BPwFGkCiCxvX diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt-disabled.png deleted file mode 100644 index da612245d91a99e25a6f7a291a80f1be80130899..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 175 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzKf@eV@L(#+n$Y_3<^9f_7=`z1^+8IIi(4> zTyQc_>|Jv5V0k^eNPXbdea~u7Om5uvRPl_?!vnhV_XN96mbE_6FHa7qO diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-alt.png deleted file mode 100644 index 376945b7794eb956f573a90e28932a71646419ee..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzPG1~V@L(#+n(K=3<@I5!Uas);nl*sW+_-S z&A;T-)O%x(w(~oN=ek?Xw3p8O#iIJ1Pq|Ul(aUgtUC5_>y^S?pAKbzO@14?m^e2tU YY`s?al|+gCKw}v^UHx3vIVCg!0GweqZvX%Q diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up-disabled.png deleted file mode 100644 index 5a35705ab0208cc2474d317a7cf61ecabbfde51d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 175 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzKf@eV@L(#+n$4*3O%8u&qP#yUdyS R@j&w!JYD@<);T3K0RRsNHo*V@ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/pan-up.png deleted file mode 100644 index bd21166e543f8b54a9b1c38f6b1068010f5358f0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 180 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzNe>)V@L(#+a7B^1_1$=GZx^prwLCVt|eH|GXHuiJ>Nn{1`6+K-XLn;_sPZ$a^FmNzAZ0XtAn`jkjDOUGq f*53Av88R%3k1%z7xF4gTe~DWM4f?=K^Q diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/progressbar-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/progressbar-trough.png deleted file mode 100644 index b884aca8e4e581a59b54ca1d33d3e6725d699d44..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 139 zcmeAS@N?(olHy`uVBq!ia0vp^EFjFm1|(O0oL2{=I14-?iy0WWg+Z8+Vb&Z8pde#$ zkh>GZx^prwLCVt|eH|GXHuiJ>Nn{1`6+B%WLn;_sPZ$a^FmNz$Y!dtWmzoo$%y1y`gk?~S1X3><(y$j|44vCO>S1R{9|90C<&X>phdQoDz&N}Mo=cdJg0 z6%n99{ZJ`<$-0n03^iFyG7&#`Vmlo#r-$9iw|G?Mi-@fj1k@%AieH~?C+=?I`o+=1 z^Fd?@B{1K$Ux6Xjlj5;Q56wOTecCIuQlHAySn! ze_o&>J`;=yk}W7Zxv^+2+b*+{etvYK`ufCQ$^AxK$;HO_?8L0u?y_>$FODx&U;jN~ zx{Jwsf_OJkL5KNVaMODE2c(POSDg}#1v9^0bTJ`ogiA=cB0LK~#7F-IPH~ z0znkV-MSAj0lX!2=zH`%f({;|Q#TKu>tKN?l@Li}7XvNQ z2yN!I6KUqUyXtzW-)UxcX8v#Iz4r(B>!8)gSU#^d3r|7PR3CET)i=B4Iw`C{04*e5 zEvJ)}i3FlYxuy5!$0jmV!2&4+jEZJLLj_h2bL+%-7{-CHbhEov99(9G%QM-?*q2L? zBFhKan595ClMRr-HJB6?Lm~ZXO$ETo<=qS4#D**mgMf^_TP4mQO;(;kfKc(nlu$JE z83gR2N5YCbGIy*oI+0_my__?zQ9y4bt3!1~6wl-F&Sg5;!u!UB)!zPK8H|X3b-vvl zyMnXosONriAUo26mtrHfn8~_jg>*QxtTw^vxfe`NK=&8@nN0KGLJD{V23n=Mjf3fX zHEP1(A7HyvgDJrYs|Eq(;k817I^Yob)cwZS6S&$>wK?Z!;1u0ie@*)*w|m=F6rv21 zqC4uKZ4b9=>8NA+5-LjhdM9D%57T;(-XzV>uES;CW<0LbLMrh%R2XddvT#m*bb%Yc pEkGucNHkDT%@bX?lN}EKmQPk8u|4?bH@5%)002ovPDHLkV1lOl?}7jT diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-checked-hover.png deleted file mode 100644 index 0aec0a61acd4daca6e531e1fc1229d3bd0ebecba..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 573 zcmV-D0>b@?P)cThIzim1*Wooy4K3yEe3K`|x>l7Of& zplEDkA<&V)@~yhYZR}b!ogj07pdo?3nGkC<=m|ZY3Fnbk&WjL%!U1kPq37d<0hpZ& zL*jnu1j6%&&H00-0!w%54l!d}I)>@o8{2Y6EB%^T8#@Mz6wl3dtvXEtM)Xw55^Ff^ z1F&Nf;LNrP-NR)PKp;i7!qICFA5KloZ7QRSjviY?W{ZqXn*;>mx_Uj0Qc+1n?5*;qBfxrL2Ox{ zGNf}~ysCn>B~T;8a8(#8!rZv+;`!7#7IPgFdX5JYKDXuM_`7@qMroXgRXut$00000 LNkvXXu0mjfS7&xd2(tvOsUBiFQB;L}v#iIxr)VrOO@ zz>?&M6RU6`l(mp_oFeg@SPiue0YyAtEO}sux<~R+?DJ-ubLeosPL|&}7^xR*2_>ju z2n-Reu}mM~31$c1R3Pw9`${SgAyEr+Y_5uWUb+dXs@M=N_44A_Hp;Z?ofo*7%J?;^ z+R3F$OGKA5o~(NKxv)YU+7EAbg03YnCqyEn^pAz6-5zkT+aP)#%D1}iaQs_70ZL(& UR#=dpQvd(}07*qoM6N<$f>}P;D*ylh diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-mixed-active.png deleted file mode 100644 index 288d36c3dd49834083c64d2da3a15c389fe2f10e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 517 zcmV+g0{Z=lP)f+A<-8B#X0U;U_V}#&;z@P9KobBW! zJ+DQuEu{kOpr52k-@WU7U*EfT2k_s)uu07jDlGJNkZ^^EDckh@SqFe50XAfDw>Fc2 zc5<_UNfbb!LO8aNF-}McGV14|f(fio5ZqY{0#)@3QJzRZKNDpFYagbB$TIXxQSsY7 zTcn-d=1>6v5uhGz%A-PKF!uZb2QNcJP(k4&hhM;6Jq)uXiUOb8{AX@N02RtYT=di0 zE5NTB!~`NP2MACK;zJv}B*VPkpYK-9=HpwKkD6XzTFhiyNkD2*6yj$~kO8bfmlR4F%*u-Xx+tM8vMF?y;v-$YPD#wiA9Q^X2|YO|S7?`MHe~1?Ppy(q74LPXsxe&4;#{&UO)!m+XK2F^8DAVwub4%v_m25H2# zbDr+8H1l|`=)FV!rhCuZ?{Lm@{s6NMdUd8sCB0RCSt3J^AmgSpI3(IhRhk6QMq>49 zK3khgkUS|ae6&6{Q9&I%5F${h;wBm?SUD=LlfvRK353^ods~&^W<^@OU?nDAT!55V zKD1Jvf_TANB#x^vEjq?x&e6IGz|Z2n1>gCGC=N*=cHgTKe~=+6PZAKSQ3wdtz=$LW zX7}GPrkJw8c}NftgPYa71~wHsea>gwUSrk@R>Ftv;@;-M+Icybc^WB( zF?1uGQ4}=@;ZFpJizMPr;VlLobsrR+K4iU2hvDieb04G_!#(H21CN#mrSO5p6# zI+q2}S?u0vY{0Bp%oF3qELhU&>{i| zq(V-h5JwRKrVKd|oa$myU{ftsE)EYCNiom!&(gqNyvB|D0(=^6-wIZ^Kk@@R<66mz zpG8KTL2k%-M1aV7gPb7rY$hxqi_qiO5;DRIY?}e&^981LeMunOkQD?Y*bG^P+0e%< z@&IWed26oO_Qw05Izn2Bh({S=Ynw=)6H87&J|=g?%9LIJ&*K-zqru zUmGlhj|8xu)yDF=zqnsZky*TngqYO&wm2Mt-96@2l8}53M-4}yGop(0C_4gE+#b?G z(3vAJr(HsNc#Df{+$_@iWGJsx+#GXuo+*ycZR4u~g^feD4;F&~;^4?Ag^R0YikJ{0 zEwuh}1T^Chqy!7Ed@%RPgt`=LU^N(t+k4=tn{I|gFP{&-rj86 zPP-n-%R5t^ZTuPT4C|FvgfyCYXSL1GLo8%c`y*F7=uUz)5s50>9}6wNc4d+sg6Ms! hzXK&}X%xplnI$=IQHh+^Zf}WZAI4&*1xp+-S`%C2xV2sPf|IyBw_n)-MBr>-1SSIJz$x#SH;t4P0Oq% ztA61GX{il@SFX)T=ze2e&>iA;fq&i7`D-}#pXqP#Q^{fJ6@rN5>}LzV!QmPh#Qq-D8pYfaWe5d2`&DL*2Jm$>WxoTCo h?`4Ur{Qq?0zu9+wb)Wa|2{5P`JYD@<);T3K0RVdCw*vqG diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/radio-unchecked-disabled.png deleted file mode 100644 index 63516cb76357e0a0d943d19f1cf8bc5a69b167e1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 448 zcmV;x0YCnUP)!h~rogMUmrqp2PX3X3{;QPL~R~*4rJ6om~xFol==C%fIk7=4e{diab=(f79Q*sdO ztn7G{7FHrb$?j?ynx;J<=(0g)as?BKY!k0QeAKQd?*XQWqKLjzx)7!X@%xncTVNB! qJ_XMg6u~z>Ns`>UIg#z0pUE$_L8+;Unf{vq0000z#e2@hMe9;I&gC-*f^3wa8hn`~S;QD~XaFI!G{&TTqE0~^e}qDm z@ALpgLFsn8PVWj1hb-_s3TOmMv11gilIFYC^3yb3j~yIf)!5ozft1eZ!E11C2!|!W z?CX?F0ii(hEP*lp8_fh_Z3&i3CTJ#vxO$c#&y`Ozq15kIJM_og1X^oJGa;oaECJ^) z1X^ipSOW(?u@I8DuFN}n=;h-%Da_UTzrBV*Iu)S!%#KhSR`|r-o zKLCFnp=ooo*@)})T8-ma#-G&d_4>3v7z{2L$ATdE)9KV}C9vP`??h45@emOjNRlK* zLAOq*@?+O^AMm!1w+<)hRcV^)wr!89_De6=?RMI5I2=I>6h%2{n Bn5L=HZJ+~~ zvgg@sc4l!Q1yK}f&=IN|H3y6H7x1_}1B-4?CX?3>LAI!>ssfy#wr2lxfglL_zzOn9 zNdWUN0VkLt3j)7IE`;H5IA93R&KQ12U(VhhG9H?XZ|!H zNm8uq`hmrtjuV8G#GxaYiQ{!#8g?{Eec!)_7Ra*fj>qGIKq(zG4Z|=z!Vf_ooxUDk zDL^b13m50RMfrpqVC_<@-OGGFcdGVl3%Xn`->6t5gcI_7-P`0DTJt>5*>1Oo)oSI# azvUg~0H8v5#(2yC0000gTe~DWM4fyAvxb diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-horz-trough.png deleted file mode 100644 index 452181fd86dee430721696a92f73e5ed072c8fbc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 157 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(KBTpB{kP61PCk=TS6nI!K@(X#q;@Y_*tBH;0 xg2~)ncckB|FnIK4?6|*{X>(~^Ef>QtTT?3*mc=|PWPrLEJYD@<);T3K0RWy2DJ}p2 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-active.png deleted file mode 100644 index 2eef90a01dfc39fa278dd1eb9d52080c39341c6b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 698 zcmV;r0!96aP)1Ox6@y*&Tn!Zi8R)2@&eeBF{-h3iVz@0`zHN*J|n^752m)L+O=bBL~qCteZ z>zzC3Zq@6fEFI`NtTmb?Gu&GQ)@8^8Hs5Hr7r2N{5M0`LTOr-ADr5zxfV|46+2GUq zwN56%m1l1jSP!dk2B7kT?R(dE(>8YNj5UBiQqqjfa9!2^$v1_Tdq@S9|Yuuu1lNuxe3tL zgzH>UG_bW2_ncB}tPt!pdk z-_``POfc-zE3(zlETI|WZMBaj()6^ gNBb}8b)BW-CtVQ@feH=$8~^|S07*qoM6N<$f}~M6jsO4v diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider-disabled.png deleted file mode 100644 index cbef6fd0f6ff820cca0001f848d990fb379368e2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 332 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#hn_BuAr*{oCtu`hG7xFoZmcTOm2g+nW1s8$ z`iH&e7jRTQZ|n+S%RMdV+|2)*Sn;R+T<>E+I*51zjxnv_uaeq5KIH-sJ^>v+mT&LPBO!BEG&N$V&xG8 zSssx1@b^jrn<&>&APq5IZ11^*krEUDArN)DD^w*kA<*b_%1+;M7>hB?0Gww0)c#9* z>+7LbpuV%?xTmfIw}4;uskgR9Cj{iqO%JLt2T;-vE>1GEL3l20fjOZX-gjV=qK zy|48=NBLdE(zhs0Kch71pMM=l*oICZFBxdDx#tcA#O@h`vNAD?AK;jEM9w>L%qN#Z zO9E;)>6gnnq9(Ws2J*n`70<2e#O2KDrp(xDGzE1ibE+7BWBF>T5keOXsl~gU!XXC zD9J_pz|kEe(=7T51;IJrQvFXN&Tx1frmA4Z$(Cp&f8aXE9Mk%w6bOzJ?6sbSs-UcE zalq$OMMP|nqe1WFg{UBeI3rAX3S1&boS4hPg4b}>XL&#GbHiDcIjXgCM#%Xv?53h! zG}{OFW}N{#P%-g(-ADhVz>rY9DjL)&%n1uU2rs7FXvc>yA4ab4-daR*9K3lvy4T5( zx&5o`RJ@r-rnE)w{4%*xV1U7$$Qhw-3T&VGJ-^2;Cl3K-Z&QC?f o>o+qat3fUO)>;l_CF&^709|Gje~?M^761SM07*qoM6N<$f_k?#GXMYp diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-slider.png deleted file mode 100644 index 452540c08999ddbef906f37fb714296e881ad092..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 323 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#8=fwXAr*{or)=asWFX-BKT^Y~qe(C*XcOZS zrzt)RGZlI!@hYh;Si)lF(YeCL=~Ty|c3#1`$^(kczhQc&y=S3S#DO#B6^9-eMSM7N!)H=~ z@^7hgS`#X-%}^`yND)sy`ZGkr$6rH;HL!ehNv(%`V)wQwKesumdva+1%VBH> P`jNrY)z4*}Q$iB}(QS6_ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-active.png deleted file mode 100644 index ee30623838d36a39ff9b3a60acb0b3d494fd31bc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 156 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(KLr)jSkP61PXAg2R7;vy0R6e`p-IR&1M7#wq ww!b-G+ds7-@Oy1{s-62;4grM?iVRmQC%1=P&o>FVdQ&MBb@00tB+B>(^b diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough-disabled.png deleted file mode 100644 index ccc0b146588a980cdcc053881df856ab2fc52e3d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 155 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(K15X#nkP61PXAg2RIB+l@Ea;8--@BA=Ba2|| v3BD(iVN78+|Lr{WJX3;^iA9g4VIRZkVAh?sb+hw;dKo-j{an^LB{Ts5jAJSJ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scale-vert-trough.png deleted file mode 100644 index d61b72884f0072282f104e53ec2e30ab7fd89581..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 156 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(KLr)jSkP61PXAg2RIB+l@EchDx-!Zd|N w{5KnI4tpKYGXB5w)bmUUMkW?LmWF){d=uHsUmhsu2Wn>UboFyt=akR{0Llm|WB>pF diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-horz-slider-active.png deleted file mode 100644 index 4408c6d375b32789ff0570784a3b936aa5f5338e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 258 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zE#xJ9h zZ-J240@llnvJRXne1*)H6ni;)CVZV}oL}*I|E`P7(yJ4^9vbZVe(e+22GxiA3gw&T z%uf3rq&iu_Chc_bF^yM66Q2YtJ=~<=v14W8wqOaH1xzQyrb;vmmd?@YoTdKCH*eLE z>f)HJ$wimug?Rp|e803i|J(l4dzSAhdDL5PSHfn=|9{-G2co&H|6fVg?3oVGw3ym^DWND9BhG z_faLYy2 zw4B4qO6%n3uazr$PjAjCefjL3cyzXS)ctQ~w*1uJ-S&<_X-G2co&H|6fVg?3oVGw3ym^DWND9BhG z-G2co&H|6fVg?3oVGw3ym^DWND9BhG zXj13e{4M+9_a!y-?r&JR&~RDlySgv)td!QpJGOYP z%(@bFze`9k;GZx^prwfgF}}M_)$E)e-c@Nd{Ivq$B+s}MlOc0{~4Y=dnOMQV_*;qVY<|r R^(_X(_H^}gS?83{1OWH`9I5~S diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png deleted file mode 100644 index 7dfe04de6f622d1d8206cfcb102f8f1a4b259221..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 263 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zs^w|2(`57*;nnJ!xLi$|_kC&Gnt-E9yQp9v2O4Yk!a?4D&D95Fo_SwuY zt;{E@u-Ikg7P0M^>^W(^0n5uvJOAcOe4mr~KPCAb`+_V>!RBmbJ)k=oJYD@<);T3K F0RSU2TLS<9 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png deleted file mode 100644 index d0ddd54dd8dba57a7489afbb7606ae27b81c7fb7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 271 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zF+9q_>5nQo0Nk5|iyZ32xmKdX4kuT%3(>d8%H z**Ixcx~sb9siN9AVGr)v7@E OGI+ZBxvX-G2co&H|6fVg?3oVGw3ym^DWND9BhG zgTe~DWM4f D0ZL=- diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-slider.png deleted file mode 100644 index 6ee8a9d8b33ebf7a54f5da82a58df631c94ede5c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 272 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zKJ9)Zbt3PHJctI3pX89sTV4(dt*7OWa!84X@rQ zy}R0D5z}+KaNhqhZYjxr+XGxQJBx3NaES=6+!|})@70me!qag@-1FbU+%A=S%7^)k z&VM`~<50iS<511M<+ons#ICj!a&AlAn0q;AGDnZpwK6UFwhDi~q7 OFoUP7pUXO@geCy}ab+q1 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-ltr-trough.png deleted file mode 100644 index e502307c393989e348ef6c95a849e35ad11f349f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 127 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjiXDb50q$YKTtZeb8+WSBKa0;Hli z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzKExbV@L%fBPYYR{|wKbJ(CBDF$gy?T~fPZ Qdm6;{boFyt=akR{0Pjy6xc~qF diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png deleted file mode 100644 index edb3e7b3ada93f5d1048f37ca644cf8793bee6a0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 261 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zd=B76myy+FZ+!no<^LH9$Wu8Kf`6N+9ah36@e_0_FJ_DRjmV98PpAm^ zjXj+nEWW0e-e5gb-G2co&H|6fVg?3oVGw3ym^DWND9BhG zbQZGxP+n z%LkTu_qcallxEpf7+f<&OqiFg#p>FQ_xrh=KN)s2@RT}dX7tQ7>Nh{1?AOB8kaIbv zFY0x+kWk~>*B`AHty%l}vtQE-=c5-_aktFby?Tf2AD1borhQONJ2!d4zC&i79mV@v z?I)Y9tXg+lWr@!7>de^&+FdstosQH$+B-j@I?DL6Qd8&w!H;atp0*6@?wihYE;{%J P=wJp-G2co&H|6fVg?3oVGw3ym^DWND9BhG zwb0d#;j3XFX2>SC|+7K?QsXYpw-oSZKeA< zCv`G%DlU4wSiIt!%O1^wk8#{QtIxhH(C9oXdTC1JB-=eLD^+a$9{u68TbZWxZj;KY z@5j88O|M43_7p1r)SWGt<2{u(+G=vQ&0XuAH;foBOtqCWa(!D0bR~nQtDnm{r-UW| D96nt@ diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-slider.png deleted file mode 100644 index 38bf515ca80b302fc98c240e0b5e29ad177591a1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 272 zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2co&H|6fVg?3oVGw3ym^DWND9BhG zu27dF0oQ|l8~U>Inm_H zChK)NxtxB)l>ST?m^jz^u8!bRM~>4IxI_dsx5`SaQE|C&n62YVn&-cTxtmlBl@9y$ zJU{aM+J=8Y(^`JkY`>LZcK&FF=NapnYVqM$jXE6GpT6byG&cSI$%C`>ZKpe*%6j@P Q5a?hAPgg&ebxsLQ0QYogJpcdz diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/scrollbar-vert-rtl-trough.png deleted file mode 100644 index daa169509984b567e10824b33a99615ff63a03d4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 127 zcmeAS@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjiXDb50q$YKTtZeb8+WSBKa0;Hli z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eBzKExbV@L%fBPYYR|3EGS!?S14n^E_u68 QiUILGUHx3vIVCg!0M|1c=l}o! diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-active.png deleted file mode 100644 index b085dd3a2bcfd14f0066b0f86aedfc4625374624..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 250 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{C-at$B+ufw^J1PnjHjO)1`AROMhY8>*yQm z%d4JIHQS4Y>9neW1jjsqCa1Mb8wEI;92Be#1oAd$RHW7In=#$+aEn0rjmG7|W+wU@ zjF&$UkqKR}`(wJVPLQ6#hGgKr!jcC`njxgN@xNA;(Ae% diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down-disabled.png deleted file mode 100644 index e8bfc8909a2ec936eb3b4f6a4042475e7c9186ab..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 186 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@Ne1A_D$B+ufw-a{rG8l3=KP+)&TbTU6az>My zlKc(Db(6v)MQl#zr1dt`usq|O_n@qCxBm)GZx^prwfgF}}M_)$E)e-c@N{B}v>NGtjtnxo2TeK z{oa!Fx1Kj51U&-PCQMLjKIk#0!Qi0upIrX`r@Qm-{buKDm|3@~rFkdQx&~qPJzFK5 z6)PLIUOUp!|Lw9%YM;xBj|L}JzkfWv<6UIiI*oau`~LRqHTb-$+wzKx#D6RG-423| k%1*f)r7!1n@0!iHq)e^JWY(0~KqoPHy85}Sb4q9e0CPK6;Q#;t diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-down.png deleted file mode 100644 index 647066588ec094c1f50b2e273dfa623b65d714af..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 190 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{9sQP$B+ufw^OY78Ui?24&Jym@xb5nZtiPa zyXNn0j{d2ps3>B6VL|9tj)|Tpcn%8uiM?=FJaod$-J9ZAxAk{SEn+-$x7OMIbo-2( hoqx9Th3+-1X80H({UUN_;R2xX44$rjF6*2Ung9slKgs|A diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-active.png deleted file mode 100644 index 62c1d9e8357d68b9e43ef6c2b005afe09d234786..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 272 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{H2~Qjv*C{Z!aw5YIcw~@bS0Uu~QPws;3{F zIwhBowN%ja+Py1nMV1#`2sWkW3g?-lc()QU0G8=l$B@K`K?aoKgoes?2f{u?gp QKnF8;y85}Sb4q9e08(pY&Hw-a diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-disabled.png deleted file mode 100644 index b632c27bf05fd2e383dfe39d92a7236d85a42c95..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 202 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{CH0n$B+ufx92x<9x&i>37l`J_~4dwh1&YJ ztSpyg932%~6__Jj5A5IbtT5r3v94EW?zxr8J-5x*u$gsGZj8#-`LL~#_YXq_!}?o_DYHT@Jpfw8;OXk;vd$@?2>{i;Kkfhk diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-ltr-up-hover.png deleted file mode 100644 index 47a4a342f4f0822d24a675967aea40c1a7dfe247..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 263 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{5hU3jv*C{Z~Gm&4jBlzs!v`O^2kkb#RcIV zpBUl}GgmlWmpjP3qcDG=;sd7^zl@|L&64{s*X0|3PXGL@d(#&21SgIy=XSaWzDO^3 zPEcXlf6}P3%YXiAtrh#PNNi>@6RTeItE1zzgx$4u>(}ryyqX^LdG_~z(#@A{$;@D7 zaCx$1&fVK8+ut;~%GZx^prwfgF}}M_)$E)e-c@N`~*)I$B+ufw`UEx8Vq<^A1=Gd*Ho;3>G%9) zEKX(Ys&3XIHV(!df2XtO|8#KqW}p$eH+yZm=F?a5JuLeI&i!Oy=su|E(sO3dOvxP# tvX$wj%uy~|b}(tGmas+%&p5!}!0x~*dn6}P>L}1I22WQ%mvv4FO#sT2JlOyM diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-active.png deleted file mode 100644 index 5791e2667bec5c3b6c201928f675c24ef22add3c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 251 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{0W{ejv*C{Z_g|8H3#spJ=h-_e4AJ7PTDjb z>tkwVt#=dHXU?1xUDno_+Qh(Vp)#!{!9aqCk>#oFamF~=`5FIL*)P5OT;Jf)=S*H! zo>cFHK@T=OnD|s$BcY?kY)NT(1C!Xq6K$*B#!JP2Xt;X$O%ltt`>wN6#_oZR;4AJAzopr03`}pGXMYp diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-disabled.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-disabled.png deleted file mode 100644 index fe9f834a8bf8a76f769c863b3dad4805c8ac449a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 192 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{7_F9$B+ufw--0^9x&i=3EU9tlEnM%ew);^ z1)Ylov_siWh)(-swMxJ6%{z8RQ>NREvJr|CW|}h=hW2(yuw0t)b5@tbJ>HP7F0MbS i&y<%MzgGHm`v<>SlZ>J8F)cHo1q`09elF{r5}E*t`a9MD diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down-hover.png deleted file mode 100644 index 0fd93872941fa87a68e744658f6fc97559baafa2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 234 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{CZCp$B+ufx94^F4jb^WKA66LVs6mVjSn_H zlub;y{^D!Zym^XKmo}|hvS8!v4RQ);e;fYx%*zRyRV{MwGXtyGsdY`O7bG6sc9%&c zLU4(c(*!;)ug1Aq0w?2p^>cdezL2>#>HWR;`!^{|8I=lLWG?tW=c7yVvl;>2{Iq`^ cAGmvEJ_V_)3!U+H9?&Tap00i_>zopr02^^u(*OVf diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-down.png deleted file mode 100644 index 192d3b714ecbdce1f168a8bfd670e2529bcee230..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 194 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{BTbf$B+ufw-+|@HaKv!CR!9nS@NDX5}ECg z-{g4Z9OIH5PxieFt^X7dTCQ2RInZ`88T*?woa#&GlaQxsDwRJe-fDJX@^Q lbYD?vZpW|Un@sjQ8I`r^(&K6n5C diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up-active.png deleted file mode 100644 index fb5f40402d615848cfe4f12e27bd91541afc201f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 253 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{7IfJjv*C{Zzpc#Yzg3LoBUyl_PQOrpE+0v z@EtsK=+Gsn4dran+S&(mWgK;mTvD8KKrrUOa>2U_VomZYf3E&#ZQ76={`GXod6{%s z#t$bN_S{*u*);IHoPgU$t5XvTw#cQ4{kiA-al4v;!`kc1tMvWndzdV- vwB)B+#QX=v8AGZx^prwfgF}}M_)$E)e-c@N{18tU$B+ufw-+~Z9&q4jP24-#F z-X%Fq(pxIl_?x|AzQUp4v_-q~1tZVwS)f^ST=|ibQp>YfmsWmcI+NqyE52ZrG+TD< i3w4IWvJV*S8S>f^1@?WuHfK7}dGZx^prwfgF}}M_)$E)e-c@N{6w_t}t8vGd4~Pp`liG$7S#Y1s3Yzcq>Z_~6{V!Z diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/spin-rtl-up.png deleted file mode 100644 index d916a2a8ca686a81bd4a0687c201ab10919698f0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 205 zcmeAS@N?(olHy`uVBq!ia0vp^5GZx^prwfgF}}M_)$E)e-c@N{3K5o$B+ufw-a{rHW=`*{$=!@p{AUEpl1T3 zkft?D&x#dqnKZ-qeDbT}&@c8|v$bp0rVay(jW?gnS^2$g$rO$`jmdKI;Vst01k8=^#A|> diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-ltr-button-hover.png deleted file mode 100644 index 15e37e2a32ccb13736dea26f6f08e584022c0f6f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?3oVGw3ym^DWND9BhG zmdK II;Vst0EsOZ1^@s6 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-active.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-active.png deleted file mode 100644 index 6c661722ad7735b8b6760057dc5462c63976649a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?3oVGw3ym^DWND9BhG zmdKI;Vst03VtjyZ`_I diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-hover.png b/dotfiles/.themes/Material-Gnome/gtk-2.0/assets/treeview-rtl-button-hover.png deleted file mode 100644 index b967a0a5976ecc37c1089fd9606c9f57d9472fe3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 129 zcmeAS@N?(olHy`uVBq!ia0vp^Od!m`1|*BN@u~nR&H|6fVg?3oVGw3ym^DWND9BhG zmdK II;Vst0EsOZ1^@s6 diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc b/dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc deleted file mode 100644 index 07ffb004a..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-2.0/gtkrc +++ /dev/null @@ -1,36 +0,0 @@ -# Based on Bridge by ScionicSpectre and Adwaita by GNOME -# vim:set ts=2 sw=2 sts=2 ai et: -# -# This is the GTK 2 version of Materia. It's whole purpose is to look as the -# GTK 3 version as much as possible until GTK 2 dies completely. -# -# Note: comments for explaining styles are on the bottom of each file beside the -# widget matches. - -# Declare the colours used throughout the theme. -# There shouldn't be any fiddling with them in the theme files themselves in -# order to not mess up the dark theme. - -# Text/base -gtk-color-scheme = "text_color:#E9E9ED\nbase_color:#1A1B26" -# Foreground/background -gtk-color-scheme = "fg_color:#E9E9ED\nbg_color:#1A1B26" -# Selected foreground/background -gtk-color-scheme = "selected_fg_color:#E9E9ED\nselected_bg_color:#7AA2F7" -# Titlebar foreground/background -gtk-color-scheme = "titlebar_fg_color:#E9E9ED\ntitlebar_bg_color:#292E42" -# Menus -gtk-color-scheme = "menu_color:#323449" -# Tooltips foreground/background -gtk-color-scheme = "tooltip_fg_color:#E9E9ED\ntooltip_bg_color:#414868" -# Links -gtk-color-scheme = "link_color:#7DCFFF\nvisited_link_color:#BB9AF7" - -# Set GTK settings -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -# And hand over the control to the theme files -include "main.rc" -include "apps.rc" -include "hacks.rc" diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/hacks.rc b/dotfiles/.themes/Material-Gnome/gtk-2.0/hacks.rc deleted file mode 100644 index c288da359..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-2.0/hacks.rc +++ /dev/null @@ -1,36 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This file contains horrible hacks to make this theme work with some programs -# This is mostly due to the limitations of GTK 2 but sometimes its the fault of -# the programs themselves. Not going to point fingers. -# -# Either way, it's a WONTFIX for both, hence this horrible file. - -style "toplevel_hack" { - engine "adwaita" {} -} - -style "chrome_entry" { - base[NORMAL] = @base_color - base[INSENSITIVE] = @base_color -} - -style "vim_notebook" { - bg[NORMAL] = @base_color - bg[ACTIVE] = @bg_color -} - -# Vim puts an eventbox between the tab and the label and colours it, -# we need to handle that -widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" - -# (he)xchat input box -class "SexySpellEntry" style:highest "normal_entry" - -# Chromium uses base as the fill colour of its own entries -# This would be fine but GTK uses it to fill the surrounding space, so its set to bg -# That results in Chromium using it for the fill, so we need to handle that -widget_class "*Chrom*" style "chrome_entry" - -# Hack to be able to match widgets in LibreOffice -class "GtkWindow" style "toplevel_hack" diff --git a/dotfiles/.themes/Material-Gnome/gtk-2.0/main.rc b/dotfiles/.themes/Material-Gnome/gtk-2.0/main.rc deleted file mode 100644 index 8349b0e88..000000000 --- a/dotfiles/.themes/Material-Gnome/gtk-2.0/main.rc +++ /dev/null @@ -1,2708 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This is the main theme file, handling all the default widgets and theme -# properties. Since GTK 2 is old, we need to overcome some of its limitations, -# which is also mostly done in this file. Sadly not all of them can be overcome -# so there will always be a visible difference between the GTK 2 and 3 theme. - -style "default" { - xthickness = 1 - ythickness = 1 - - #################### - # Style Properties # - #################### - - GtkWidget::focus-padding = 0 - GtkWidget::focus-line-width = 2 - GtkWidget::focus-line-pattern = "\2\1" - - GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) - GtkToolbar::internal-padding = 2 - GtkToolButton::icon-spacing = 4 - - GtkWidget::tooltip-radius = 4 - GtkWidget::tooltip-alpha = 230 - GtkWidget::new-tooltip-style = 1 #for compatibility - - GtkWidget::link-color = @link_color - GtkWidget::visited-link-color = @visited_link_color - GnomeHRef::link_color = @link_color - GtkHTML::link-color = @link_color - GtkHTML::vlink-color = @visited_link_color - GtkIMHtml::hyperlink-color = @link_color - GtkIMHtml::hyperlink-visited-color = @visited_link_color - - GtkSeparatorMenuItem::horizontal-padding = 0 - GtkSeparatorMenuItem::wide-separators = 1 - GtkSeparatorMenuItem::separator-height = 3 - - GtkButton::child-displacement-y = 0 - - GtkButton::default-border = {0, 0, 0, 0} - GtkButton::default-outside-border = {0, 0, 0, 0} - GtkButton::inner-border = {0, 0, 0, 0} - - GtkEntry::state-hint = 1 - GtkEntry::inner-border = {0, 0, 0, 0} - - GtkPaned::handle-size = 8 - GtkHPaned::handle-size = 8 - GtkVPaned::handle-size = 8 - - GtkScrollbar::trough-border = 0 - GtkRange::trough-border = 0 - GtkRange::slider-width = 17 - GtkRange::stepper-size = 0 - GtkRange::activate-slider = 1 - - GtkScrollbar::activate-slider = 1 - GtkScrollbar::stepper-size = 0 - GtkScrollbar::has-backward-stepper = 0 - GtkScrollbar::has-forward-stepper = 0 - GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkScale::slider_length = 24 - GtkScale::slider_width = 24 - GtkScale::trough-side-details = 1 - - GtkProgressBar::min-horizontal-bar-height = 4 - GtkProgressBar::min-vertical-bar-width = 4 - GtkProgressBar::xspacing = 4 - GtkProgressBar::yspacing = 4 - - GtkStatusbar::shadow_type = GTK_SHADOW_NONE - GtkSpinButton::shadow_type = GTK_SHADOW_NONE - GtkMenuBar::shadow-type = GTK_SHADOW_NONE - GtkToolbar::shadow-type = GTK_SHADOW_NONE - # TODO: find out what this comment means: - # ( every window is misaligned for the sake of menus ): - GtkMenuBar::internal-padding = 0 - GtkMenu::horizontal-padding = 0 - GtkMenu::vertical-padding = 4 - GtkMenu::double-arrows = 0 - GtkMenuItem::arrow-scaling = 1 - GtkMenuItem::toggle-spacing = 12 - - GtkCheckButton::indicator-size = 24 - GtkCheckButton::indicator_spacing = 2 - GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} - - GtkTreeView::expander-size = 16 - GtkTreeView::vertical-separator = 0 - GtkTreeView::horizontal-separator = 4 - GtkTreeView::allow-rules = 0 - # Set this because some apps read it - GtkTreeView::odd-row-color = @base_color - GtkTreeView::even-row-color = @base_color - - GtkExpander::expander-size = 16 - - GtkNotebook::tab-overlap = 0 - - ########## - # Colors # - ########## - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - bg[INSENSITIVE] = @bg_color - bg[ACTIVE] = @bg_color - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @fg_color - fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) - fg[ACTIVE] = @fg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @text_color - text[INSENSITIVE] = mix (0.5, @text_color, @base_color) - text[ACTIVE] = @text_color - - base[NORMAL] = @base_color - base[PRELIGHT] = mix (0.08, @text_color, @base_color) - base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) - base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) - base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) - - # For succinctness, all reasonable pixmap options remain here - - # Draw frame around menu in a non-compositied environment - # This needs to go before pixmap because we need to override some stuff - engine "adwaita" {} - - engine "pixmap" { - - ################# - # Check Buttons # - ################# - - image { - function = CHECK - state = NORMAL - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/checkbox-unchecked-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = IN - overlay_file = "assets/checkbox-checked-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = IN - overlay_file = "assets/checkbox-checked-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = IN - overlay_file = "assets/checkbox-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-disabled.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/radio-unchecked-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/radio-unchecked-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = OUT - overlay_file = "assets/radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/radio-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "assets/radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "assets/radio-checked-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/radio-checked-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = IN - overlay_file = "assets/radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "assets/radio-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-disabled.png" - overlay_stretch = FALSE - } - - ########## - # Arrows # - ########## - - # Overrides - - # Disable arrows in spinbuttons - image { - function = ARROW - detail = "spinbutton" - } - - # Disable arrows for qt in scrollbars - - image { - function = ARROW - detail = "vscrollbar" - } - - image { - function = ARROW - detail = "hscrollbar" - } - - # Menu arrows - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/pan-left-disabled.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/pan-right-disabled.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_up" - overlay_file = "assets/pan-up-disabled.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_down" - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - # Regular arrows - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-left-alt.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-left-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-right-alt.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-right-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - ###################### - # Option Menu Arrows # - ###################### - - image { - function = TAB - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = INSENSITIVE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - } - - ######### - # Lines # - ######### - - image { - function = VLINE - file = "assets/border.png" - border = {1, 0, 0, 0} - } - - image { - function = HLINE - file = "assets/border.png" - border = {0, 0, 1, 0} - } - - ######### - # Focus # - ######### - - image { - function = FOCUS - file = "assets/focus.png" - border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... - stretch = TRUE - } - - ########### - # Handles # - ########### - - image { - function = HANDLE - detail = "handlebox" - overlay_file = "assets/handle-vert.png" - overlay_stretch = FALSE - } - - image { - function = HANDLE - state = NORMAL - overlay_file = "assets/handle-horz.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = PRELIGHT - overlay_file = "assets/handle-horz-hover.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = ACTIVE - overlay_file = "assets/handle-horz-active.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = NORMAL - overlay_file = "assets/handle-vert.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = HANDLE - state = PRELIGHT - overlay_file = "assets/handle-vert-hover.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = HANDLE - state = ACTIVE - overlay_file = "assets/handle-vert-active.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = RESIZE_GRIP - } - - ############# - # Expanders # - ############# - - image { - function = EXPANDER - expander_style = EXPANDED - state = NORMAL - file = "assets/pan-down-alt.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = PRELIGHT - file = "assets/pan-down.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = ACTIVE - file = "assets/pan-down.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = INSENSITIVE - file = "assets/pan-down-alt-disabled.png" - } - - # LTR - - image { - function = EXPANDER - expander_style = COLLAPSED - state = NORMAL - file = "assets/pan-right-alt.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = PRELIGHT - file = "assets/pan-right.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = ACTIVE - file = "assets/pan-right.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = INSENSITIVE - file = "assets/pan-right-alt-disabled.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/pan-right-semi.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/pan-right-semi.png" - direction = LTR - } - - # RTL - - image { - function = EXPANDER - expander_style = COLLAPSED - state = NORMAL - file = "assets/pan-left-alt.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = PRELIGHT - file = "assets/pan-left.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = ACTIVE - file = "assets/pan-left.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = INSENSITIVE - file = "assets/pan-left-alt-disabled.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/pan-left-semi.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/pan-left-semi.png" - direction = RTL - } - - ############# - # Notebooks # - ############# - - # Left - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 1, 0, 0} - stretch = TRUE - gap_side = RIGHT - } - - image { - function = EXTENSION - gap_side = RIGHT - } - - # Right - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {1, 0, 0, 0} - stretch = TRUE - gap_side = LEFT - } - - image { - function = EXTENSION - gap_side = LEFT - } - - # Up - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 0, 0, 1} - stretch = TRUE - gap_side = BOTTOM - } - - image { - function = EXTENSION - gap_side = BOTTOM - } - - # Down - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 0, 1, 0} - stretch = TRUE - gap_side = TOP - } - - image { - function = EXTENSION - gap_side = TOP - } - - # Inner frame - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {1, 0, 0, 0} - gap_side = LEFT - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 1, 0, 0} - gap_side = RIGHT - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 0, 1, 0} - gap_side = TOP - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 0, 0, 1} - gap_side = BOTTOM - } - - # Standalone frame - image { - function = BOX - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-horz-trough.png" - border = {0, 0, 1, 0} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-ltr-trough.png" - border = {1, 0, 0, 0} - orientation = VERTICAL - direction = LTR - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-rtl-trough.png" - border = {0, 1, 0, 0} - orientation = VERTICAL - direction = RTL - } - - # Horizontal sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-horz-slider.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-horz-slider-hover.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-active.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-disabled.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - # Vertical sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-hover.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-active.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-disabled.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - # RTL - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-hover.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-active.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-disabled.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - ########## - # Scales # - ########## - - # Troughs, overrided later on. We set them here too because some widgets - # don't specify their orientation. - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-upper" - file = "assets/scale-horz-trough-disabled.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-lower" - file = "assets/scale-horz-trough-disabled.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-upper" - file = "assets/scale-vert-trough-disabled.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-lower" - file = "assets/scale-vert-trough-disabled.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - # Sliders - - image { - function = SLIDER - state = NORMAL - detail = "hscale" - file = "assets/scale-slider.png" - } - - image { - function = SLIDER - state = PRELIGHT - detail = "hscale" - file = "assets/scale-slider-hover.png" - } - - image { - function = SLIDER - state = ACTIVE - detail = "hscale" - file = "assets/scale-slider-active.png" - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "hscale" - file = "assets/scale-slider-disabled.png" - } - - image { - function = SLIDER - state = NORMAL - detail = "vscale" - file = "assets/scale-slider.png" - } - - image { - function = SLIDER - state = PRELIGHT - detail = "vscale" - file = "assets/scale-slider-hover.png" - } - - image { - function = SLIDER - state = ACTIVE - detail = "vscale" - file = "assets/scale-slider-active.png" - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "vscale" - file = "assets/scale-slider-disabled.png" - } - - ########### - # Menubar # - ########### - - image { - function = BOX - detail = "menubar" - file = "assets/border.png" - border = {0, 0, 0, 1} - } - - ######### - # Menus # - ######### - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - border = {0, 0, 0, 1} - } - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - border = {0, 0, 1, 0} - } - - ########### - # Entries # - ########### - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = FLAT_BOX - state = ACTIVE - detail = "entry_bg" - file = "assets/entry-background.png" - } - - image { - function = FLAT_BOX - state = INSENSITIVE - detail = "entry_bg" - file = "assets/entry-background-disabled.png" - } - - image { - function = FLAT_BOX - detail = "entry_bg" - file = "assets/entry-background.png" - } - - ######### - # Spins # - ######### - - # Spin-Up LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-ltr-up.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-ltr-up-hover.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-active.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-disabled.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Up RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-rtl-up.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-disabled.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - direction = RTL - } - - # Spin-Down LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-ltr-down.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-ltr-down-hover.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-active.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-disabled.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Down RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-rtl-down.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-rtl-down-hover.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-active.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-disabled.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - direction = RTL - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-progress.png" - stretch = TRUE - border = {0, 0, 0, 0} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-progress.png" - stretch = TRUE - border = {0, 0, 0, 0} - orientation = VERTICAL - } - - ############# - # Treeviews # - ############# - - # Disable active the column highlight - # We need to match specific cells or we break stuff - # Looking at you deadbeef - - image { - function = FLAT_BOX - detail = "cell_even_sorted" - state = NORMAL - } - - image { - function = FLAT_BOX - detail = "cell_odd_sorted" - state = NORMAL - } - - # Disable all the other shadows - # This prevents the Raleigh effect - image { - function = SHADOW - } - } -} - -style "menubar" { - bg[NORMAL] = @titlebar_bg_color - fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - fg[PRELIGHT] = @titlebar_fg_color - fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) - bg[INSENSITIVE] = @bg_color - # Needed to fix Firefox's menubar text - bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) - fg[SELECTED] = @titlebar_fg_color -} - -style "menubar_item" { - xthickness = 3 - ythickness = 4 - - fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) - fg[PRELIGHT] = @titlebar_fg_color - fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) -} - -style "menu" { - xthickness = 0 - ythickness = 0 - - bg[NORMAL] = @menu_color - bg[INSENSITIVE] = @menu_color - bg[PRELIGHT] = @menu_color - bg[SELECTED] = mix(0.08, @fg_color, @menu_color) -} - -style "menu_item" { - xthickness = 4 - ythickness = 4 - - bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) - fg[PRELIGHT] = @fg_color - # Chromium uses this setting - bg[SELECTED] = mix(0.08, @fg_color, @menu_color) - text[SELECTED] = @fg_color - # Some widgets use text, we need to handle that - text[NORMAL] = @fg_color - text[PRELIGHT] = @fg_color - - # Unfortunately we can't tell regular and menu checks/radios apart - # Without the heirarchy - engine "pixmap" { - - ################# - # Check Buttons # - ################# - - image { - function = CHECK - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed-disabled.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-radio-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-radio-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed-disabled.png" - overlay_stretch = FALSE - } - } -} - -style "separator_menu_item" { - xthickness = 0 - ythickness = 2 - - engine "pixmap" { - image { - function = BOX - file = "assets/border.png" - border = {0, 0, 0, 1} - } - } -} - -style "button_label" { - # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) - # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) - - font_name = "Medium" -} - -style "normal_button_label" { - # fg[NORMAL] = @fg_color - # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) - - font_name = "Regular" -} - -style "button" { - xthickness = 6 - ythickness = 6 - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/button.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/button-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "link_button" { - # Disable the button effect, leave just the link - engine "pixmap" { - image { - function = BOX - } - } -} - -style "entry" { - base[NORMAL] = @bg_color - base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - base[INSENSITIVE] = @bg_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) - - # We set this same as the border of the border of the entry - # This way there's no overlap - xthickness = 6 - ythickness = 6 -} - -style "combobox" { - xthickness = 6 - ythickness = 6 - - # This affects only the button beside an entry - GtkButton::inner-border = {0, 0, 0, 0} - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - file = "assets/entry-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "combobox_cellview" { - # text[NORMAL] = mix(0.7, @fg_color, @bg_color) - # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) -} - -style "combobox_entry" { - # Since one side of the button is missing, we need to shift the arrow a little to the right - GtkButton::inner-border = {0, 2, 0, 0} - - base[NORMAL] = @base_color - base[ACTIVE] = @base_color - - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-left-entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-left-entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-left-entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-right-entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-right-entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-right-entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - ############## - # LTR button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-right-entry.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-right-entry-hover.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-right-entry-active.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-right-entry-disabled.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - ############## - # RTL button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-left-entry.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-left-entry-hover.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-left-entry-active.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-left-entry-disabled.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - } -} - -style "combo_button_padding" { - # Since one side of the button is missing, we need to shift the arrow a - # little to the right. - # This is the same thing we've done above but the combo, unlike the combobox, - # uses padding the same way as a button. - GtkButton::inner-border = {3, 6, 3, 3} -} - -style "notebook" { - xthickness = 3 - ythickness = 3 - bg[NORMAL] = @base_color -} - -style "notebook_tab_label" { - fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) - - font_name = "Medium" -} - -style "notebook_viewport" { - bg[NORMAL] = @base_color -} - -style "notebook_bg" { - bg[NORMAL] = @base_color - bg[PRELIGHT] = @base_color - bg[INSENSITIVE] = @base_color -} - -style "notebook_entry" { - base[NORMAL] = @base_color - base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) - base[INSENSITIVE] = @base_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) -} - -style "normal_bg" { - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[INSENSITIVE] = @bg_color -} - -style "normal_entry" { - base[NORMAL] = @bg_color - base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - base[INSENSITIVE] = @bg_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) -} - -style "textview" { - bg[NORMAL] = @base_color -} - -style "scale_horz" { - engine "pixmap" { - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {6, 6, 0, 0} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {6, 6, 0, 0} - stretch = TRUE - } - } -} - -style "scale_vert" { - engine "pixmap" { - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 6, 6} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 6, 6} - stretch = TRUE - } - } -} - -style "progressbar" { - xthickness = 0 - ythickness = 0 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - image { - function = BOX - detail = "trough" - file = "assets/progressbar-trough.png" - border = {0, 0, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/progressbar-trough.png" - border = {0, 0, 0, 0} - stretch = TRUE - orientation = VERTICAL - } - } -} - -style "treeview_header" { - xthickness = 2 - ythickness = 2 - - fg[NORMAL] = mix(0.7, @fg_color, @base_color) - fg[PRELIGHT] = @fg_color - - font_name = "Medium" - - GtkButton::inner-border = {4, 4, 0, 2} - - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/treeview-ltr-button.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - file = "assets/treeview-ltr-button-hover.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - file = "assets/treeview-ltr-button-active.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = NORMAL - file = "assets/treeview-rtl-button.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - file = "assets/treeview-rtl-button-hover.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - file = "assets/treeview-rtl-button-active.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - } -} - -style "scrolled_window" { - engine "pixmap" { - image { - function = SHADOW - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - } -} - -style "frame" { - engine "pixmap" { - image { - function = SHADOW - shadow = NONE - } - - image { - function = SHADOW - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - - image { - function = SHADOW_GAP - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_start_file = "assets/border.png" - gap_end_file = "assets/border.png" - } - } -} - -style "tool_button" { - GtkButton::inner-border = {2, 2, 2, 2} - - # For the sake of sanity style buttons this way - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/flat-button.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/flat-button-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/flat-button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/flat-button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - shadow = OUT - file = "assets/flat-button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - shadow = IN - file = "assets/button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "toolbar_separator" { - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 1 - GtkWidget::separator-height = 1 - - engine "pixmap" { - image { - function = BOX - file = "assets/border.png" - } - } -} - -style "inline_toolbar" { - # GtkToolbar::button-relief = GTK_RELIEF_NORMAL - bg[NORMAL] = @base_color - - engine "pixmap" { - image { - function = BOX - file = "assets/frame-inline.png" - border = {1, 1, 0, 1} - stretch = TRUE - } - } -} - -style "tooltip" { - xthickness = 8 - ythickness = 8 - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - bg[SELECTED] = @tooltip_bg_color -} - -style "disable_text_shadow" { - engine "murrine" { - textstyle = 0 - } -} - -style "disable_separator" { - xthickness = 0 - ythickness = 0 - - GtkWidget::wide-separators = 1 -} - -# Default style, containing theme properties and trying to match every widget as -# much as possible, which is not only faster than trying to match every widget -# by its own but also less bug-prune and more consistent. However there is some -# widget specific stuff that needs to be taken care of, which is the point of -# every other style below. -class "GtkWidget" style "default" - -###################################### -# Override padding, style and colour # -###################################### - -class "GtkButton" style "button" -class "GtkLinkButton" style "link_button" -class "GtkEntry" style "entry" -class "GtkOldEditable" style "entry" -class "GtkNotebook" style "notebook" -class "GtkHScale" style "scale_horz" -class "GtkVScale" style "scale_vert" -class "GtkProgressBar" style "progressbar" -class "GtkScrolledWindow" style "scrolled_window" -class "GtkFrame" style "frame" -class "GtkSeparatorToolItem" style "toolbar_separator" -class "GtkMenuBar" style "menubar" -class "GtkMenu" style "menu" -class "GtkTextView" style "textview" - -# Menu and menubar items -widget_class "**" style "menu_item" -widget_class "*.*" style "menubar_item" -widget_class "**" style "separator_menu_item" - -# Treeview buttons -widget_class "***" style "treeview_header" - -# Give the file chooser toolbar a border -widget_class "**" style "inline_toolbar" - -# Fix padding on regular comboboxes -widget_class "*." style "combobox" -widget_class "*" style "combobox" - -# And disable separators on them -widget_class "*.*" style "disable_separator" -widget_class "**" style "disable_separator" -widget_class "**" style "disable_separator" - -# Join together the ComboBoxEntry entry and button -widget_class "**" style "combobox_entry" - -# Join the Combo entry and button -widget_class "**" style "combobox_entry" - -# Tweak the padding on the button a little bit because it -# uses it a bit differently -widget_class "*." style "combo_button_padding" - -# Alas we cannot do the same for ComboBoxText because there -# isn't a way to apply the style to only the comboboxes that -# have an entry inside - -# Tool buttons have different styles -widget_class "**" style "tool_button" -widget_class "**.*" style "tool_button" - -# Notebooks -widget_class "*." style "notebook_tab_label" -widget_class "*.." style "notebook_tab_label" - -# Notebooks are white, act accordingly -widget_class "**" style "notebook_entry" -widget_class "**" style "notebook_bg" -widget_class "**" style "notebook_bg" -widget_class "***" style "notebook_bg" -widget_class "**" style "notebook_bg" -widget_class "*.*" style "notebook_bg" - -# However, stuff inside eventboxes inside notebooks is grey -# again, react -widget_class "***" style "normal_entry" -widget_class "***" style "normal_bg" -widget_class "***" style "normal_bg" - -# Button labels -widget_class "*." style "button_label" - -# Normalize button labels -widget_class "*." style "normal_button_label" -widget_class "*." style "normal_button_label" - -# ComboBoxes tend to draw the button label with text[] -# instead of fg[], we need to fix that -widget_class "**" style "combobox_cellview" - -# Disable white text shadows -widget_class "*" style "disable_text_shadow" -widget_class "*" style "disable_text_shadow" - -# GTK tooltips -widget "gtk-tooltip*" style "tooltip" From ac48c0e5d9241a18f36d123f25a1afbc2a6a1f9a Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 22:00:39 +0600 Subject: [PATCH 16/17] Delete dotfiles/.themes/Material-Gnome/gtk-4.0/thumbnail.png --- .../.themes/Material-Gnome/gtk-4.0/thumbnail.png | Bin 1575 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-4.0/thumbnail.png diff --git a/dotfiles/.themes/Material-Gnome/gtk-4.0/thumbnail.png b/dotfiles/.themes/Material-Gnome/gtk-4.0/thumbnail.png deleted file mode 100644 index 3b42941e722b608068c439c6bb48aad49dd428b3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1575 zcmV+?2H5$DP)x)(lXx|JG1aF{J9~3D0IWu9jKq8S!#N#zR8q+!$u?`BTLbNknyWX*}^Pd%J82)K!*pQNB^%y@*QGg#v ztMf|dl`HAA5V$dU$3+Un^&9Ezv~rJ}Oty4!NA98kzmW)s<-A2Bl0lr0|0ACYwa+BQDOp$GmlGM1KSTsh}#Qg6UX!i68ag+mo-*EdD{tQ}3T9+iL zezmAqFJB@xGf8v5oGrWWrLbiiq9fb3Qwe3-9ZOc+%jCwyIty^z<4+iyOrljz_9TeKw z=Iq`ju(hnRXeSAx+Xt>rO;EP)1M#y!^oczcv1NpvEk{|j9e=&>3`wijh;u0xr%3B2 zs(oaqWt;iQtE7znMzPKJ8_tn%=mMswx4!p|~s0%_|F!$?OQKyd*PHlM}q8az# zQ1Z5-FcWXRSiA-go%-+{AF%4 z7ugJW{ED4Vi8k((?dhlz?j(kgXy!~R4 z8|{-Ypzv^rwJ5+GXcTJgLcN(SY-X5&kZpvOEzdj{4;x3gd7}umi}fny+-V^$U<>m) z1`j}lkQe5Bh^|?L@x_3UI9(DNv8$9n@})S(631!A>=dhn$;h+q@I+uFR?*E5hy$YF zr_p?RtD}}|f)o;+nUDU<^w*uNCL; zu7Wqu@;SI@m=6kl0##a;xtHe8ohp`dCx7H#+)kAQ-l+#$hj`%F9z>E;$e6J=Z@0uj z8#lJ}HjTU(b!NMYR<=A5SR_6?*}-v@9}pEG6~y^+X^JOBNR+gh>0%p%Slowt2wPfS z`Q%=@HgHHJS?Dvi_2FVzt`u`TbJc^nt+xARv7|wGG|QL``?8ozjcn;{#=BqP-r6e4 z5EcUpb!Ky|l`YGc4RvoHATKC*CcN~9YkY7>I^m4U#M>FQEr)Bbb(>zp!>oPjO+ybV zZ15Xp%%zCAd;dPmd#r4^!Oqr_>|{w60!bxaX;k(~Tsy>4I|lmou~RB- z%kq6NvNL>P;1>|i)bTM#_lm7T{`=$03T87!U{5;t`KL7d(=e4oC2iS$(Sf-KYrbj+ zUgFlf3LuM??`k87Z!gLV>r^!}LGygDsQ4u4)Ctd~Gp}tq`l=E}@y5b#1N~M5qa6=M z`TnTzlI2M7*{shAKAZJ9l1ADv1^5$<&PYsSBNX6ER7Slll}aV@O3lxV1%F-WCp3-H z#f Z?q8Df?}Yvs$PoYl002ovPDHLkV1hrR^hW>y From df6694544d8be0ce9e8fe2b577466bb2372cb222 Mon Sep 17 00:00:00 2001 From: Sakib Shahariar Shimanto <74959773+SakibShahariar@users.noreply.github.com> Date: Sat, 13 Sep 2025 22:02:56 +0600 Subject: [PATCH 17/17] Delete dotfiles/.themes/Material-Gnome/gtk-3.0/thumbnail.png --- .../.themes/Material-Gnome/gtk-3.0/thumbnail.png | Bin 1575 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 dotfiles/.themes/Material-Gnome/gtk-3.0/thumbnail.png diff --git a/dotfiles/.themes/Material-Gnome/gtk-3.0/thumbnail.png b/dotfiles/.themes/Material-Gnome/gtk-3.0/thumbnail.png deleted file mode 100644 index 3b42941e722b608068c439c6bb48aad49dd428b3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1575 zcmV+?2H5$DP)x)(lXx|JG1aF{J9~3D0IWu9jKq8S!#N#zR8q+!$u?`BTLbNknyWX*}^Pd%J82)K!*pQNB^%y@*QGg#v ztMf|dl`HAA5V$dU$3+Un^&9Ezv~rJ}Oty4!NA98kzmW)s<-A2Bl0lr0|0ACYwa+BQDOp$GmlGM1KSTsh}#Qg6UX!i68ag+mo-*EdD{tQ}3T9+iL zezmAqFJB@xGf8v5oGrWWrLbiiq9fb3Qwe3-9ZOc+%jCwyIty^z<4+iyOrljz_9TeKw z=Iq`ju(hnRXeSAx+Xt>rO;EP)1M#y!^oczcv1NpvEk{|j9e=&>3`wijh;u0xr%3B2 zs(oaqWt;iQtE7znMzPKJ8_tn%=mMswx4!p|~s0%_|F!$?OQKyd*PHlM}q8az# zQ1Z5-FcWXRSiA-go%-+{AF%4 z7ugJW{ED4Vi8k((?dhlz?j(kgXy!~R4 z8|{-Ypzv^rwJ5+GXcTJgLcN(SY-X5&kZpvOEzdj{4;x3gd7}umi}fny+-V^$U<>m) z1`j}lkQe5Bh^|?L@x_3UI9(DNv8$9n@})S(631!A>=dhn$;h+q@I+uFR?*E5hy$YF zr_p?RtD}}|f)o;+nUDU<^w*uNCL; zu7Wqu@;SI@m=6kl0##a;xtHe8ohp`dCx7H#+)kAQ-l+#$hj`%F9z>E;$e6J=Z@0uj z8#lJ}HjTU(b!NMYR<=A5SR_6?*}-v@9}pEG6~y^+X^JOBNR+gh>0%p%Slowt2wPfS z`Q%=@HgHHJS?Dvi_2FVzt`u`TbJc^nt+xARv7|wGG|QL``?8ozjcn;{#=BqP-r6e4 z5EcUpb!Ky|l`YGc4RvoHATKC*CcN~9YkY7>I^m4U#M>FQEr)Bbb(>zp!>oPjO+ybV zZ15Xp%%zCAd;dPmd#r4^!Oqr_>|{w60!bxaX;k(~Tsy>4I|lmou~RB- z%kq6NvNL>P;1>|i)bTM#_lm7T{`=$03T87!U{5;t`KL7d(=e4oC2iS$(Sf-KYrbj+ zUgFlf3LuM??`k87Z!gLV>r^!}LGygDsQ4u4)Ctd~Gp}tq`l=E}@y5b#1N~M5qa6=M z`TnTzlI2M7*{shAKAZJ9l1ADv1^5$<&PYsSBNX6ER7Slll}aV@O3lxV1%F-WCp3-H z#f Z?q8Df?}Yvs$PoYl002ovPDHLkV1hrR^hW>y